Nginx是一款高性能的HTTP和反向代理服务器。因此，它经常被用作静态资源服务器和后端反向代理服务器。本文主要记录了使用nginx部署vue搭建的前端项目，该项目基于vue的官方脚手架vue-cli。

开发环境完成。

第二，编译和部署

1.演示输入命令npm在项目路径下运行构建

编译后，你会发现演示文件夹下还有一个额外的dist文件夹，就是编译后的文件。

2.在线下载nginx，下载http://nginx.org/en/download.html,地址，解压下载的nginx文件。

3.配置部署，在nginx/conf下编辑nginx.conf，并按如下方式进行修改

[/code][

4.启动nginx。命令窗口cd进入nginx安装目录，输入start nginx启动nginx。

然后通过浏览器访问http://127.0.0.1:8088/访问或http://域名33608088/访问

5.nginx停止命令：nginx -s退出

Nginx重启命令：nginx -s重装

摘要

以上是边肖介绍的vue.js项目nginx部署教程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！