Nginx路徑重寫方式

更新時間：2023年12月25日 10:32:36 作者：左手八嘎呀路

這篇文章主要介紹了Nginx路徑重寫方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

Nginx路徑重寫

問題

經常遇到前后端分離項目部署時候，前端請求的路徑會多加一層路徑

比如我的

?前端地址是：http://baidu.com，后端地址是：http://taobao.com
那么前端如果直接寫死后端地址的話，一是要處理跨域問題，二是如果后端換地址需要改前端代碼
最好的辦法就是通過反向代理，比如http://baidu.com/api然他指向http://taobao.com，把**/api**替換掉就好了
像vue有vue.config.js中配置反向代理來重寫路徑，但實際環(huán)境大多數是用專門的反向代理

直接設置為后端的真實地址

需要改前端代碼，如果部署多個服務器就要改n次，很不靈活，而且存在跨域問題也要解決

利用寶塔的nginx配置反向代理

雖然可以配置，但是存在奇怪的bug，設置了內容替換，在的服務器可以生效，有的不能生效

解決

寶塔直接設置反向代理 *FAIL

配置文件：

location /stage-api
{
    proxy_pass http://127.0.0.1:6501;
    proxy_set_header Accept-Encoding "";
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    
    #add_header X-Cache $upstream_cache_status;
    
    #Set Nginx Cache
    
    proxy_set_header Accept-Encoding "";
	sub_filter "/stage-api" "/";
    sub_filter_once on;
    	add_header Cache-Control no-cache;
}

主要就是用到sub_filter

通過一番檢索說sub_filter需要把gzip關閉才可以用，否則不生效，但我關了還是不生效

修改配置文件 *PASS

修改后的配置文件如下：

location /stage-api
{
    proxy_pass http://127.0.0.1:6501;
    proxy_set_header Accept-Encoding "";
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    
    #add_header X-Cache $upstream_cache_status;
    
    #Set Nginx Cache
    
    proxy_set_header Accept-Encoding "";
	#sub_filter /stage-api /;
    #sub_filter_once on;
    rewrite  ^/stage-api/(.*)  /$1 break;
    	add_header Cache-Control no-cache;
}

注釋掉sub_filter

用 rewrite完美解決！