关于vue项目开发完成后,一般选择部署在Nginx服务器中,相比之下,nginx服务器还是有很多优点的。作为一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。
部署流程如下:
1. 在编译器里面将开发完成的Vue项目进行打包,在终端输入
npm run build
打包完成后的项目文件结构会多一个dist文件夹,里面包含项目的代码及资源。
2.将生成的dist文件夹放入nginx的html文件夹下面,nginx文件目录结构如下
3. 接下来,我们需要修改conf文件夹里面的nginx.conf文件
在nginx.conf文件里面添加如下内容
server {
listen 监听端口(例如:8080,8088,9002等等);
server_name 服务器的地址或者自己本机地址;