快捷導(dǎo)航

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

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

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

需求

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

一般反向代理

一般會(huì)定義一個(gè)統(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時(shí)，會(huì)轉(zhuǎn)發(fā)到 http://example.com/api/findOne。

設(shè)置proxy_pass即可。請求只會(huì)替換域名，不會(huì)將/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 會(huì)將/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的實(shí)現(xiàn)方案的文章就介紹到這了,更多相關(guān)Nginx反向代理重寫URL內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: