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

最后

以上就是精明睫毛膏为你收集整理的nginx部署前端项目Nginx原生部署的全部内容，希望文章能够帮你解决nginx部署前端项目Nginx原生部署所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。