vue项目部署到服务器（Centos7）

一、首先在服务器中安装nginx:CentOS7系统安装nginx和配置环境变量_AuTmun的博客-CSDN博客

二、Vue项目打包成dist:

在vue项目的终端使用命令：npm run build  生成dist文件

 将dist文件夹上传到服务器(上传的方式很多，自行百度)，存放路径自己定

这里是存放在：/usr/local/vue

三、设置网站的存放路径

在服务器设置nginx的访问路径：

1.进入到 nginx 安装路径的conf文件夹下

[root@VM-12-2-centos ~]# cd /usr/local/nginx/conf

2.编辑nginx.conf文件

[root@VM-12-2-centos conf]# vim nginx.conf

将root的默认路径修改为自己dist上传的路径如下图：

重启nginx:

[root@VM-12-2-centos conf]# nginx -s reload

到浏览器输入自己的服务器地址和设置的端口号就能成功访问到自己写的vue项目啦