Cómo implementar el proyecto vue.js en nginx
Esta vez le mostraré cómo implementar el proyecto vue.js nginx y cuáles son las precauciones para implementar el proyecto vue.js nginx. El siguiente es un caso práctico, echemos un vistazo.
nginx es un servidor proxy inverso y HTTP de alto rendimiento. Por lo tanto, a menudo se utiliza como servidor de recursos estático y servidor proxy inverso de back-end. Este artículo registra principalmente el uso de nginx para implementar proyectos front-end creados con vue. El proyecto se basa en vue-cli, el andamio oficial de vue.
El entorno de desarrollo está configurado.
2. Compilación e implementación
1. Ingrese el comando de demostración npm run build en la ruta del proyecto
Una vez completada la compilación, encontrará uno adicional. dist en la carpeta de demostración. Dentro de la carpeta están los archivos compilados.
2. Descargue nginx en línea, descargue la dirección http://nginx.org/en/download.html y descomprima el archivo nginx descargado.
3. Configure la implementación, edite nginx.conf en nginx/conf y modifíquelo de la siguiente manera
[/code][
4. En la ventana de comando, cd para ingresar al directorio de instalación de nginx e ingrese start nginx para iniciar nginx.
Luego acceda a http://127.0.0.1:8088/ o http://nombre de dominio:8088/ a través del navegador
5. Comando nginx stop: nginx -s quit <. /p>
Comando de reinicio de nginx: nginx -s reload
Creo que domina el método después de leer el caso de este artículo. Para obtener más información interesante, preste atención a otros artículos relacionados sobre. Sitio web de Gxl!
Lectura recomendada:
Cómo usar js+css para lograr efectos de escritura
Cómo usar Sortable en Vue