以nginx反向代理跨域為中心的詳細闡述

一、nginx反向代理跨域原理

在前端開發中，Web伺服器（如Apache、Tomcat等）針對同源策略，會攔截來自非同源網站的跨域請求（如Ajax請求）。而Nginx的反向代理機制可以突破同源策略限制，實現Ajax跨域請求。

反向代理的原理是代理端（Nginx）將請求轉發到後端真正的服務端，對於瀏覽器而言，請求的地址是與本地一致的，因此避免了同源策略帶來的限制。

二、nginx反向代理多個埠

Nginx可以反向代理多個埠，將不同埠的請求轉發到不同的服務端。我們只需要在Nginx的配置文件中配置對應的upstream即可：

http {
    upstream backend {
        server 127.0.0.1:7777;
        server 127.0.0.1:8888;
    }

    server {
        listen   80;
        server_name  example.com;

        location / {
            proxy_pass http://backend;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }
    }
}

上述配置表示將來自example.com的請求通過proxy_pass指定的upstream backend分別轉發到127.0.0.1的7777埠和8888埠。

三、nginx反向代理跨域配置

配置Nginx反向代理主要有兩個步驟：

1、添加upstream節點，將請求轉發到目標伺服器。例如：

http {
    upstream backend {
        server 127.0.0.1:8080;
    }

    server {
        listen   80;
        server_name  example.com;

        location / {
            proxy_pass http://backend;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }
    }
}

2、配置Nginx支持CORS（跨域資源共享）。

http {
     add_header 'Access-Control-Allow-Origin' '*';
     add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
     add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
     add_header 'Access-Control-Max-Age' 86400;
}

四、nginx反向代理違法

雖然Nginx反向代理的機制可以突破同源策略的限制，但濫用反向代理仍然存在法律風險。例如，在某些國家或地區，將訪問某些特定網站的請求通過反向代理隱藏地址是違法的。

五、nginx反向代理跨域問題

Nginx反向代理跨域問題主要在於如何處理跨域請求。可能會遇到以下問題：

1、跨域請求時無法攜帶Cookie。

2、POST請求時無法正確的處理數據。

3、跨域請求時需要身份驗證。

我們可以通過配置add_header實現對於CORS的支持，以解決跨域問題。add_header將允許瀏覽器訪問我們伺服器上的資源。

六、nginx反向代理三種模式

Nginx反向代理有三種模式：普通、負載均衡、高可用性模式。

1、普通模式：將多個伺服器的請求代理到單個後端伺服器上。

2、負載均衡模式：將請求分發到幾個後端伺服器上，以均勻地分散負載。

3、高可用性模式：保證在一個或多個後端伺服器掛掉的情況下，網站仍然可以正常運行。

七、nginx反向代理域名

Nginx反向代理可以使用域名進行轉發。我們可以將請求發送到伺服器的IP地址和埠上，也可以將請求發送到域名上。

http{
    upstream backend {
        server backend.example.com;
    }

    server {
        listen   80;
        server_name  example.com;

        location / {
            proxy_pass http://backend;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }
    }
}

八、nginx反向代理是什麼

Nginx反向代理是指使用Nginx Web伺服器代表伺服器向客戶端提供服務。反向代理伺服器的作用是為客戶端提供負載平衡和高可用性的服務。

九、nginx代理解決跨域問題

Nginx代理可以解決Ajax跨域問題，同時又不違反同源策略的原則。因此，Nginx成為解決跨域問題的有力工具之一。

代碼示例

http {
    upstream backend {
        server 127.0.0.1:8080;
    }

    upstream backend2 {
        server 127.0.0.1:9090;
    }

    server {
        listen   80;
        server_name  example.com;

        location / {
            proxy_pass http://backend;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
            add_header 'Access-Control-Max-Age' 86400;
        }
    }

    server {
        listen   80;
        server_name  example2.com;

        location / {
            proxy_pass http://backend2;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }
    }
}