1.连接linux服务器,终端输入命令安装nginx
# yum install -y nginx
![](https://i-blog.csdnimg.cn/blog_migrate/72e5aa4cc953bd2438ed4a228136bca7.png)
*报错,没有找到nginx包。
2.添加CentOS 7 Nginx yum资源库
# rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
3.重新输入命令安装nginx
# yum install -y nginx
4.安装完成
# whereis nginx //查看是否有nginx路径
# nginx -v //查看nginx版本
![](https://i-blog.csdnimg.cn/blog_migrate/f9d3f0395b72f7868b28e32c2b3cefd3.png)
5.启动nginx
# systemctl start nginx
![](https://i-blog.csdnimg.cn/blog_migrate/b19b6019c9b7f6bb9f46a7467ce763a8.png)
*启动报错
输入命令查看ningx服务状态
# systemctl status nginx.service
![](https://i-blog.csdnimg.cn/blog_migrate/b8a1f90dd298e2518af1c7eb42265372.png)
6.发现80端口已被占用,查看80端口占用情况
# netstat -nap | grep 80
![](https://i-blog.csdnimg.cn/blog_migrate/718966a60fd0fc215056afbf59ca31fe.png)
发现nginx已经占用80端口。但通过浏览器输入服务器地址无法访问。
7.杀掉进程后重新查看端口占用情况
# kill -9 1736
# netstat -nap | grep 80
8.重新输入命令启动nginx服务,并查看nginx服务状态
# systemctl start nginx
# systemctl status nginx.service
![](https://i-blog.csdnimg.cn/blog_migrate/ce93b28026728e185612e185074675ee.png)
9.nginx已正常启动,通过浏览器输入地址访问页面正常
![](https://i-blog.csdnimg.cn/blog_migrate/ef2feaf15513dea24836124aacf9b818.png)
10.修改nginx配置文件
# cd /etc/nginx 进入nginx文件夹
# vi nginx.conf 修改nginx.conf配置文件中的项目目录
# nginx -s reload 修改完后 :wq 保存文件配置,输入命令重启nginx
![](https://i-blog.csdnimg.cn/blog_migrate/ab6ad00bf25cf777d6e78cc63a234690.png)
11.上传项目dist文件包
# npm run bulid 打包vue项目
将dist包上传至服务器/home/www目录下
12.部署成功,浏览器输入服务器地址便可访问