De alguna manera tuve que encontrar un problema, a saber, el problema que está asociado con la devolución de un error después del lanzamiento de varias actualizaciones creadas en Vuejs + Nuxtjs en producción.
Este error ocurre durante un poco menos de un minuto, pero los robots almacenan este caso en todas las páginas durante aproximadamente 2-3 días, debido a esto, los motores de búsqueda proporcionan metadatos antiguos y, como resultado, el sitio se hunde en los resultados de búsqueda. .
Espero que mi solución ayude a muchos que se encuentran con el mismo problema y no le dediquen mucho tiempo, porque este problema a menudo surge si usa Nuxt.js en modo SSR, y no he encontrado una descripción de su solución en el Internet.
¿Qué está sucediendo y por qué ocurre este error?
Empecé a averiguarlo. Lo primero que hice fue comenzar a analizar cómo ocurre exactamente el proceso de trabajar con SSR. Sí, sé exactamente cómo funciona, pero hay una cosa ... como en un programa de humor:
"Cuando encuentre este lugar, sabrá que no es el lugar correcto".
Pero en serio, hay problemas , dice que el enrutador no está definido en el componente RouterLink en las páginas de Google WebCache. Después de pasar mucho tiempo, un colega creó un componente que verifica si se representa $ router y, si está ausente, devuelve un enlace regular.
Parecería que el problema está resuelto, pero como dicen
"Este no es el lugar"
De nuevo intenté captar un error de nuestro lado. Depurado todo el proceso y me di cuenta de que el error en Nuxt no es un error en este caso.
El problema resultó estar en el algoritmo de almacenamiento en caché de Google y Yandex.
Déjame mostrarte con Google como ejemplo.
El error, que valió la pena la pérdida de tiempo, resultó ser que Goole guarda el caché de páginas de forma diferente cada vez y, para ser precisos, las guarda de dos formas:
, Google , javaScript (JS) , JS , , JS .
Google- , , JS'a .
, JS 7 .
2. Google , JS. , JS- URL , , URL , js- , Nuxt. , 404- .
, search ( Google) yandbtm ( Yandex) , URL URL .
SEO .
Por si acaso, aquí hay un enlace a github GitHub con páginas listas para usar para google y yandex. Traté de hacerlo lo más simple posible, creo que no habrá dificultades con esto.
Las páginas deben colocarse en páginas para que Nuxt las enrute, pero eso ya lo sabe.