Visitas insuficientes al mini programa Alipay
Las aplicaciones que anteriormente figuraban en Zhejiang Ban ahora deben incluirse en "Zheli Ban" en Alipay, que también es un programa pequeño. En circunstancias normales, no es necesario cambiar ningún código. son todos un conjunto de códigos H5. Eso es todo, no es necesario escribir otro subprograma nativo.
Recientemente, cuando se lanzó el subprograma Alipay, el acceso a la página estaba restringido y no se podía acceder normalmente, lo que indicaba "El acceso a la página está restringido data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", como se muestra a continuación:
p>El motivo de las visitas insuficientes al mini programa Alipay
Los comentarios técnicos de Alipay dijeron que el recurso activó la lista blanca, pero esta aplicación se lanzó antes y puede ser accedido normalmente. Este año ya no será accesible, ¡entonces investiguemos y resolvamos!
Solucione los problemas uno por uno:
1. Primero confirme si el servidor tiene restricciones de red ===Aún no hay restricciones
2. es un problema de nombre de dominio por separado Después de reemplazar una página estática, se puede acceder a ella normalmente; === Este problema no se debe a la separación del front-end y el back-end; el código de interfaz se implementa en el IRS (Sistema integrado de recursos digitales de Zhejiang). ¿Ha hecho esto el IRS? ===Responder sin restricciones
4. = Se descubre que solo IOS está restringido, Android puede acceder normalmente
5 Verifique el servidor https si el certificado es compatible, porque una vez hubo un problema con el certificado, el precio de compra fue barato, Alipay hizo la verificación. y finalmente volvió a comprar otros certificados para resolver el problema; ===El certificado es normal
6. Compruebe si los recursos del código Vue son Hay imágenes gif === No hay imágenes gif; >
7. Compruebe si la fuente iconfont de la biblioteca de fuentes tiene contenido de comentarios de imágenes; === No
8. La página del proyecto también cita las estadísticas de Baidu y generará una imagen gif; pero todavía no funciona
9. La página del proyecto cita estadísticas de la oficina de Zhejiang Li y se generará una imagen gif ===Elimine la referencia, pero todavía no funciona; /p>
Después de estas verificaciones, selecciones y exclusiones, inicialmente se piensa que es causado por algunos componentes de Vue. Es necesario eliminar los componentes uno por uno para verificar si se puede acceder a ellos.
Luego verifique el código para ver qué componente puede verse afectado. Primero, elimine y verifique, y finalmente encuentre que hay un componente: vue-wechat-title
El problema se debe. por este componente Este componente cambia dinámicamente el título de la página, el código es el siguiente:
main.js y App.vue hacen referencia a vue-wechat-title (cambia dinámicamente el valor del título de la página)
Solución
1. Elimine la referencia a vue-wechat-title
2 Agregue el código al enlace de enrutamiento (router.beforeEach): document.title = to. .meta.title || "";
resolverá este problema.