async created() { if (process.server) { try { const data = // API call to fetch FAQs this.faqs = data.faqs console.log(this.faqs, ' server') } catch (e) {} } else { console.log(this.faqs, 'client') } },

Considere el código anterior con Nuxt.js y SSR habilitados. Sé que el comportamiento previsto de Vue es llamar al gancho creado tanto en SSR como en CSR. Pero como podemos ver en el código anterior, las preguntas frecuentes en el objeto de datos se modifican en el lado del servidor y almacenan el resultado de la API. Pero cuando la hidratación tiene lugar en el lado del cliente, estas preguntas frecuentes se establecen en su valor inicial, que es NULL.

¿Alguien puede explicar este comportamiento? Gracias por adelantado !