1.下載nginx
nginx下載地址
下載穩定版本
2.解壓
解壓到任意目錄下, 目錄路徑中不能有中文,否則會出先無法啓動nginx的錯誤
3.啓動和停止
直接雙擊運行目錄下的nginx.exe即可啓動
在當前目錄下的cmd中運行以下命令即可停止
nginx -s quit
4.部署網站
網站的靜態文件需要放到目錄下的html文件夾中
如果不想放在這個目錄下,需要修改conf文件夾下的nginx.conf配置文件
root參數是指定網站文件所在的目錄
如果部署的是vue react打包好的網站文件,網站的路由並不是真實物理路由,所以用try_files,路徑都指向根目錄下的index.html
5.端口轉發
在nginx.conf中添加
location /api/ {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://localhost:8012;
}
這個配置的作用是將所有訪問ip/api的請求轉發到http://localhost:8012
例如訪問 http://ip/api/getData接口,實際上訪問的是 http://localhost:8012/getData接口
rewrite ^/api/(.*)$ /$1 break;
但是我們的接口實際上並不是像 /getData 只有一層,而是像 /user/login/login 多層嵌套,如果不配置上面這句rewrite ^/api/(.*)$ /$1 break;,那隻能轉發到/user這一層,後面的幾層會報404錯誤,這一句的作用是自動匹配後面的路徑地址。