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。

簡單總結，如有紕漏歡迎大家指出交流！~