web前端nginx部署项目

1.连接linux服务器，终端输入命令安装nginx

# yum install -y nginx

*报错，没有找到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版本

5.启动nginx

# systemctl start nginx

*启动报错

输入命令查看ningx服务状态

# systemctl status nginx.service

6.发现80端口已被占用，查看80端口占用情况

# netstat -nap | grep 80

发现nginx已经占用80端口。但通过浏览器输入服务器地址无法访问。

7.杀掉进程后重新查看端口占用情况

# kill -9 1736

# netstat -nap | grep 80

8.重新输入命令启动nginx服务，并查看nginx服务状态

# systemctl start nginx

# systemctl status nginx.service

9.nginx已正常启动，通过浏览器输入地址访问页面正常

10.修改nginx配置文件

# cd /etc/nginx 进入nginx文件夹

# vi nginx.conf 修改nginx.conf配置文件中的项目目录

# nginx -s reload 修改完后 :wq 保存文件配置，输入命令重启nginx

11.上传项目dist文件包

# npm run bulid 打包vue项目

将dist包上传至服务器/home/www目录下

12.部署成功，浏览器输入服务器地址便可访问