項(xiàng)目場景

需求

開發(fā)一個(gè)平臺系統(tǒng)，前端需要調(diào)用多個(gè)來自不同服務(wù)器的接口，為了滿足該需求，需要通過Nginx去轉(zhuǎn)發(fā)代理不同的接口地址，防止跨域，實(shí)現(xiàn)多接口的調(diào)用。

在一次生產(chǎn)涉及多次轉(zhuǎn)發(fā)的配置中， 需求是下面的圖：

問題描述

問題

在配置好了 proxy_pass 之后，請求 https://smartaitest.com/aitools 直接返回 404，沒有什么其他的異常。

但是我們直接請求后端 http://ai-ttxt.com/ 是正常響應(yīng)的。

看日志請求也是轉(zhuǎn)發(fā)到了 http://ai-ttxt.com/。但是轉(zhuǎn)發(fā)后的請求響應(yīng)就是404.

在配置nginx接口轉(zhuǎn)發(fā)代理的過程中發(fā)現(xiàn)兩種不同狀況

• 當(dāng)轉(zhuǎn)發(fā)的地址為 ip 時(shí)可正常訪問。
• 當(dāng)轉(zhuǎn)發(fā)的地址為 域名 時(shí)報(bào)錯(cuò)為404。

問題原因

我們的默認(rèn)的 Nginx的 proxy_set_header 配置是

proxy_set_header Host $host;

當(dāng)我們是這個(gè)的設(shè)置的時(shí)候，當(dāng)?shù)谝粚?Nginx(Nginx1)代理后，我們請求的域名是 www.djx.com（假設(shè)域名） ,從這個(gè)請求的 header 獲取到的 host 的值是 www.djx.com, 我們通過 配置將 host 的值設(shè)置為轉(zhuǎn)發(fā) 的Host 值，但是請求的域名 , 也就是 header 里面的是 host 字段 , 請求的域名和 header 里面的 Host 的不一致導(dǎo)致的。

總結(jié)一下 出現(xiàn)兩種情況的原因：

• 當(dāng)轉(zhuǎn)發(fā)的地址為 ip 時(shí)可正常訪問。 
• 當(dāng)轉(zhuǎn)發(fā)的地址為 域名 時(shí)報(bào)錯(cuò)為404。

1.當(dāng)使用 proxy_pass 將請求轉(zhuǎn)發(fā)到 IP 地址時(shí)，Nginx 會將請求的 Host 頭信息保持不變地傳遞給后端服務(wù)器。

2.但是當(dāng) proxy_pass 設(shè)置為域名時(shí)，默認(rèn)情況下，Nginx 會將請求的 Host 頭信息設(shè)置為當(dāng)前請求的域名。

這就意味著，如果你使用 proxy_pass 設(shè)置為域名時(shí)，Nginx 會將請求的 Host頭信息設(shè)置為當(dāng)前請求的域名，而不是你指定的域名。這可能會導(dǎo)致后端服務(wù)器無法正確識別請求的來源，從而返回 404 錯(cuò)誤。

最終造成代理轉(zhuǎn)發(fā)訪問404的問題出現(xiàn)

解決方案

修改Nginx的 proxy_set_header 配置

proxy_set_header Host $proxy_host;

修改前的nginx.conf 配置

server {
        listen 99;
        server_name _;

        client_max_body_size 100m;

        access_log /var/log/nginx/access-front.log main;
        error_log /var/log/nginx/error-front.log notice;

         location /aitools {
                alias /opt/html/dist;
                index index.html index.htm;

                try_files $uri $uri/ /aitools/index.html;  #aitools為路由 而不是目錄
        }
        location /aitools/vapi/ {
                proxy_pass http://ai-ttxt.com/;  # 替換為實(shí)際的后端服務(wù)器地址

                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-Forwarded-Proto $scheme;
        }
    }

修改后的配置

server {
        listen 99;
        server_name _;

        client_max_body_size 100m;

        access_log /var/log/nginx/access-front.log main;
        error_log /var/log/nginx/error-front.log notice;

         location /aitools {
                alias /opt/html/dist;
                index index.html index.htm;

                try_files $uri $uri/ /aitools/index.html;  #aitools為路由 而不是目錄
        }
        location /aitools/vapi/ {
                proxy_pass http://ai-ttxt.com/;  # 替換為實(shí)際的后端服務(wù)器地址

                proxy_set_header Host $proxy_host;  #（需要修改的地方）
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
        }
    }

注意：轉(zhuǎn)發(fā)的接口為 域名沒有其他路徑時(shí)，proxy_pass http://ai-ttxt.com/ 的接口地址后最好要將末尾的 /代理進(jìn)去

proxy_set_header Host $host; 和 proxy_set_header Host $proxy_host; 的區(qū)別

proxy_set_header Host $host; 和 proxy_set_header Host $proxy_host; 在 Nginx 配置中用于設(shè)置代理請求的 Host 頭信息：

• $host 變量： $host 變量表示客戶端發(fā)送請求時(shí)的 Host 頭信息，即請求的目標(biāo)域名。它是 Nginx 內(nèi)置的變量，表示當(dāng)前請求的主機(jī)名。
• $proxy_host 變量： $proxy_host 變量表示 Nginx 代理請求時(shí)使用的目標(biāo)服務(wù)器的主機(jī)名或 IP 地址。它是 Nginx 內(nèi)置的變量，表示當(dāng)前請求中被代理的服務(wù)器的主機(jī)名或 IP 地址。

因此，區(qū)別主要在于這兩個(gè)變量表示的含義：

• proxy_set_header Host $host; 將請求的 Host 頭信息設(shè)置為客戶端發(fā)送請求時(shí)的目標(biāo)域名。這通常用于將請求的 Host 頭信息傳遞給后端服務(wù)器，以確保后端服務(wù)器能夠正確處理請求。
• proxy_set_header Host $proxy_host; 將請求的 Host 頭信息設(shè)置為 Nginx 代理請求時(shí)使用的目標(biāo)服務(wù)器的主機(jī)名或 IP 地址。這通常用于在代理請求時(shí)設(shè)置一個(gè)自定義的 Host 頭信息，而不是直接使用客戶端發(fā)送的 Host 頭信息。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評論