nginx的設定轉發到其他網站詳解

2022-08-18 14:00:31

需求

有這樣一個需求：專案中跳轉到某個地址，但這個地址不想暴露給使用者。

因此我們想到要做一層代理，通過專案某個路徑直接用ngnix代理到這個地址。

查詢相關檔案後，發現方案如下：

location /myBaidu {
  return 302 http://baidu.com;
}

假設我們的網站域名為 http://myorigin.com/

location /myBaidu {
  proxy_pass http://www.baidu.com/;
}

這樣設定後就可以由http://myorigin.com/myBaidu直接存取到百度頁面，如下圖

當路徑加上/：相對路徑，此時相當於代理到http://www.baidu.com/

location /myBaidu {
  proxy_pass http://www.baidu.com/;
}

如果存取http://myorigin.com/myBaidu/abc就相當於存取http://www.baidu.com/abc

當路徑不加/：絕對路徑，，此時相當於代理到http://www.baidu.com/myBaidu

location /myBaidu {
  proxy_pass http://www.baidu.com;
}

如果存取http://myorigin.com/myBaidu/abc就相當於存取http://www.baidu.com/myBaidu/abc

當路徑加上/xxx/

location /myBaidu {
  proxy_pass http://www.baidu.com/xxx/;
}

當路徑加上/xxx

location /myBaidu {
  proxy_pass http://www.baidu.com/xxx;
}

但此時開啟代理的頁面顯示沒有樣式，檢視控制檯發現了報錯如下：

點進去檢視錯誤如下圖

由此，問題就很明顯了，代理的網站用了根目錄絕對路徑去找到/static下的jquery檔案，因此會直接在我們專案的域名下找http://myorigin.com/static檔案，這樣是怎麼也無法找到代理專案的/static檔案，因此jquery找不到報錯，頁面樣式失效
而且不只是/static檔案，可能還有其他檔案也找不到，而且還有可能路徑與路由衝突，引發問題
因此，我們可以得出結論，前端專案的nginx的設定轉發到其他網站需要慎重，不是所有網站都可以走前端代理的，需要具體情況具體分析

以上就是nginx的設定轉發到其他網站詳解的詳細內容，更多關於nginx設定轉發網站的資料請關注it145.com其它相關文章！