nginx部署前端项目

Nginx原生部署

1、安装依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2、解压nginx的tar包

tar -zxvf nginx-1.16.1.tar.gz

3、安装nginx

安装到 /data/xlp/nginx-zqx-21122路径下，默认端口为80，修改为21122

cd /data/xlp/nginx-1.16.1   
sed -i 's/listen       80;/listen       21122;/' conf/nginx.conf

创建安装路径

mkdir /data/xlp/nginx-zqx-21122

安装

cd /data/xlp/nginx-1.16.1

./configure --prefix=/data/xlp/nginx-zqx-21122

make && make install

还原安装包

cd /data/xlp/nginx-1.16.1
sed -i 's/listen       21122;/listen       80;/' conf/nginx.conf

4、启动nginx

cd /data/xlp/nginx-zqx-21122

./sbin/nginx

浏览器访问http://139.9.220.183:21122/ 可以看到nginx首页

5、重启nginx

cd /data/xlp/nginx-zqx-21122

./sbin/nginx -s reload

6、部署前端的包

先将前端的dist.zip包上传到 /tmp/xlp文件夹内，

然后复制到/data/xlp/nginx-zqx-21122,

解压，

替换html

```shell
cd /tmp/xlp

cp ./backend.zip /data/xlp/nginx-zqx-21122

cd /data/xlp/nginx-zqx-21122

mv html html_bak // 先将原来的html重命名备份

unzip backend.zip // 解压前端的包

mv backend html
// 将解压后的前端的包重命名为html（替换html），注意：前端的包解压后的名字大部分是dist，因为backend的代码包是直接压缩成zip文件的，所以解压后的文件名不会改变，其他的vue脚手架打包的前端的包解压后文件名是dist

7、强制关闭

查找端口号为21122的nginx的线程号

[root@ecs-sy-200628h-002 nginx-zqx-21122]# netstat -lntp | grep 21122
tcp        0      0 0.0.0.0:21122           0.0.0.0:*         LISTEN      28504/nginx: master

强制杀进程28504

kill -9 28504

[root@ecs-sy-200628h-002 nginx-zqx-20016]# netstat -lntp | grep 21122
tcp        0      0 0.0.0.0:21122           0.0.0.0:*        LISTEN      28505/nginx: worker

强制杀进程28504

kill -9 28505

8、卸载

直接删除/data/xlp/nginx-zqx-21122文件夹即可

rm -rf /data/xlp/nginx-zqx-21122

9、安装完后需改默认端口号

vim /data/xlp/nginx-zqx-21122/conf/nginx.conf

将如下内容修改，21122改为想要的端口

 server {
        listen       21122;
        ......
 }

重启nginx

cd /data/xlp/nginx-zqx-21122
./sbin/nginx -s reload