前端開發 nginx篇

mac上搭建nginx教程

通過homebrew 安裝nginxbrew install nginx

配置

新增配置檔案在/usr/local/etc/nginx/servers目錄下（一般都是修改/usr/local/etc/nginx目錄下nginx.conf 檔案, 後來發現nginx.conf 下有include servers/*;為了方便管理我本地專案，就把本地專案配置都放到/usr/local/etc/nginx/servers目錄下）

附文末：本地nginx測試伺服器配置

啟動

在終端中輸入ps -ef|grep nginx

如果執行的結果是

501 15800 1 0 12:17上午 ?? 0:00.00 nginx: master process /usr/local/cellar/nginx/1.8.0/bin/nginx -c /usr/local/etc/nginx/nginx.conf 501 15801 15800 0 12:17上午 ?? 0:00.00 nginx: worker process

501 15848 15716 0 12:21上午 ttys000 0:00.00 grep nginx

表示已啟動成功，如果不是上圖結果，在終端中執行

/usr/local/cellar/nginx/1.8.0/bin/nginx -c /usr/local/etc/nginx/nginx.conf

命令即可啟動nginx。  這時候如果成功訪問localhost:8080，說明成功安裝和啟動好了。

⚠️ 啟動前確認，8080 埠未占用

停止

在終端中輸入ps -ef|grep nginx獲取到nginx的程序號，注意是找到「nginx:master」的那個程序號，如下面的程序好是 15800

501 15800 1 0 12:17上午 ?? 0:00.00 nginx: master process /usr/local/cellar/nginx/1.8.0/bin/nginx -c /usr/local/etc/nginx/nginx.conf 501 15801 15800 0 12:17上午 ?? 0:00.00 nginx: worker process

501 15848 15716 0 12:21上午 ttys000 0:00.00 grep nginx

在終端中輸入以下幾種命令都可以停止

kill -quit 15800 (從容的停止，即不會立刻停止)

kill -term 15800 （立刻停止）

kill -int 15800 （和上面一樣，也是立刻停止）

重啟如果配置檔案錯誤，則將啟動失敗，所以在啟動nginx之前，需要先驗證在配置檔案的正確性nginx -t -c /usr/local/etc/nginx/nginx.conf，如下表示配置檔案正確

/usr/local/cellar/nginx/1.8.0/bin/nginx -t -c /usr/local/etc/nginx/nginx.conf nginx: the configuration file /usr/local/etc/nginx/nginx.conf syntax is ok

nginx: configuration file /usr/local/etc/nginx/nginx.conf test is successful

重啟有兩種方法 :

cd /usr/local/cellar/nginx/1.8.0/bin/

./nginx -s reload

啟動：sudo nginx

停止：sudo nginx -s stop

驗證：sudo nginx -t /usr/local/nginx/conf/nginx.conf

在mac上用brew安裝nginx，然後修改nginx配置檔案，再重啟時報出如下錯誤：

nginx: [error] invalid pid number 「」 in 「/usr/local/var/run/nginx/nginx.pid」

解決辦法：

$ sudo nginx -c /usr/local/etc/nginx/nginx.conf

$ sudo nginx -s reload

專案根目錄為開發專案下構建後dist, api 為介面api

server 
location /api/ 
error_page   500 502 503 504  /50x.html;
location = /50x.html 
}

前端開發 nginx篇

Nginx與前端開發

後端開發之Nginx篇 Nginx高階

前端開發 nginx番外篇

前端開發 nginx篇

Nginx與前端開發

後端開發之Nginx篇 Nginx高階

前端開發 nginx番外篇

相關推薦