Aprender Vue

Capítulo 13. Renderizado del lado del servidor con Vue

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

En el capítulo anterior, aprendimos a configurar el canal CI/CD completo de nuestra aplicación Vue. También aprendimos a implementar nuestra aplicación utilizando Netlify para producción. Ahora nuestra aplicación está lista para que los usuarios accedan a ella a través de la web. Con esto, casi hemos terminado nuestro viaje de aprendizaje de Vue. Este capítulo explorará el otro aspecto del uso de Vue, la renderización del lado del servidor y la generación de sitios estáticos con Nuxt.js .

Renderizado del lado del cliente en Vue

Por defecto, las aplicaciones Vue son para renderizado del lado del cliente, con un archivo index.html de marcador de posición, un archivo JavaScript (normalmente compilado en trozos por Vite para optimizar el rendimiento), y otros archivos como CSS, iconos, imágenes, etc., para una experiencia de interfaz de usuario completa. En la carga inicial, el navegador envía una petición al servidor para el archivo index.html. A cambio, el servidor entregará el archivo marcador de posición original (a menudo con un único elemento con un único selector de id app para que el motor Vue monte la instancia de la aplicación, y una etiqueta script que apunta al archivo JavaScript necesario que contiene el código principal. Una vez que el navegador reciba el archivo HTML, empezará a analizar y solicitar ...