前言
现在项目都是前后端分离的，所以前端要会部署前端项目。Nginx是一款轻量级的Web服务器、反向代理服务器，由于它的内存占用少，启动极快，高并发能力强，在互联网项目中广泛应用，所以我们的项目也使用Nginx部署。
打包项目
首先，使用vue打包命令,打包待部署的项目，生成dist文件夹备用：
npm run build
服务器安装Nginx
输入nginx -v,看是否正确输出Nginx的版本号，如果可以正确输出Nginx版本号。说明已安装过Nginx，可跳过直接进入下一步。
安装nginx
yum install -y nginx
如果未配置yum源的，请自行配置或者用其他方法下载安装。
启动nginx
安装好nginx后，我们启动它：
nginx
直接输入nginx即可启动服务，打开浏览器，访问服务器地址，出现如下界面则代表启动成功。
修改nginx配置
找到nginx配置文件--nginx.conf；
编辑该文件中的server对象：
修改端口
可以看到默认监听的是80端口，所以我们直接访问服务器ip即可，接下来我们改为9000端口：
重启nginx，命令如下：
nginx -s reload
此时访问时则需要带上端口号（需要服务器安全组开启9000端口），访问地址：http://ip:9000
修改网站文件路径
修改nginx.conf文件，server对象下的root,改成自己要部署的文件夹。
然后把打包好的项目放到这个文件夹即可。
到此我们的项目就部署好了，输入服务IP和端口就可以访问我们的网站了。
结语
本文到此结束
如果大家还有什么其他想法，欢迎在评论区交流！
