Nginx反向代理重寫URL的實現(xiàn)方案

更新時間：2025年04月23日 10:49:49 作者：Mxin5

nginx服務器代理前端項目,并且反代后端服務器,開發(fā)時使用沒有什么問題,部署后存在同樣請求根地址的情況,但是去調(diào)用后端接口就會出現(xiàn)報錯,最后通過重寫url解決問題,所以本文給大家介紹了Nginx反向代理重寫URL的實現(xiàn)方案,需要的朋友可以參考下

需求

nginx 服務器代理前端項目，并且反代后端服務器。開發(fā)時使用沒有什么問題，部署后存在同樣請求根地址的情況，輸入nginx的地址localhost:3000能夠訪問到前端地址，但是去調(diào)用后端接口就會出現(xiàn)報錯，看來我對nginx還掌握的不夠，發(fā)現(xiàn)是調(diào)用后端接口的時候每次請求中都會多/api/,但是后端接口路徑并沒有多這個/api/,最后通過重寫url解決問題。

一般反向代理

一般會定義一個統(tǒng)一前綴，比如：api，則配置如下

server {
    listen              80;
    server_name         default;
    
    location /api/ {
        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 X-NginX-Proxy true;

        proxy_pass http://example.com;
    }
}

則請求到 http:localhost/api/findOne時，會轉(zhuǎn)發(fā)到 http://example.com/api/findOne。

設(shè)置proxy_pass即可。請求只會替換域名，不會將/api/也替換掉。

我現(xiàn)在想要訪問http:localhost/api/findOne轉(zhuǎn)發(fā)到http://example.com/findOne，去掉/api/則可按照如下兩種配置。

解決方案

方案一 使用 rewrite，注意到 proxy_pass結(jié)尾沒有 /， rewrite 重寫了 url,則最終的請求為http://example.com/findOne

server {
  listen              80;
  server_name         default;
    
  location /api/ {
      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 X-NginX-Proxy true;

      rewrite ^/api/(.*)$ /$1 break;
      proxy_pass http://example.com;
  }
}

方案二 在 proxy_pass 后增加 / 則 nginx 會將/api之后的內(nèi)容拼接到 proxy_pass 之后。

server {
  listen              80;
  server_name         default;
    
  location /api/ {
      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 X-NginX-Proxy true;

      proxy_pass http://example.com/;
  }
}

到此這篇關(guān)于Nginx反向代理重寫URL的實現(xiàn)方案的文章就介紹到這了,更多相關(guān)Nginx反向代理重寫URL內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: