nginx部署前端项目

背景

Jenkins 或是 您 手动把前端打包好的文件传到服务器的指定位置：

假设：/home/admin/dists/front-test 这路径后边要用到。

安装nginx

1、 wget 下载地址 （官网传送门）

例如：wget http://nginx.org/download/nginx-1.18.0.tar.gz

2、tar -zxvf nginx-1.18.0.tar.gz

3、cd nginx的文件夹

4、./configure --prefix = /opt/nginx (编译的路径）

5、make

6、make install

配置

此时你会在 /opt/nginx 路径下发现四个文件夹

1. conf：配置文件
2. html：默认界面
3. logs：日志
4. sbin：nginx运行的相关命令

修改配置文件 ：vi conf/nginx.conf

加入如下配置

server {
        listen       80; # 监听的端口
        server_name  192.168.111.111; # 地址
        
		location /front-test {
		    root  /home/admin/dists/; # 本地资源前缀，从根路径写
		    index  index.html ; # 默认访问的地址
		}
}

这的需要注意的是(很容易发生 404 not found)：

比如你访问的是 http：//192.168.111.111：80/front-test

它实际访问的地址路径其实是：/home/admin/dists/front-test 里的index.html

重启：
进入 sbin 目录

sudo ./nginx -s reload

这个时候一般就没事了

遇到的坑

如果你遇到了 访问 nginx 的时候，发生了 403

我的解决方案：

vim conf/nginx.conf

解开注释，改为你的用户名，user 的意思就是，谁运行的nginx。

好奇补充： worker_processes：nginx进程数，建议设置为等于CPU总核心数,默认为1。

简单总结，如有纰漏欢迎大家指出交流！~