Nginx代理解决CORS跨域

Nginx代理解决CORS跨域

conf目录下nginx.conf

server {
    listen 80;
    server_name your_domain_or_ip_address; # 替换为你的域名或IP地址

    location / {
        proxy_pass http://127.0.0.1:8086; # 目标服务器的地址
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        # 解决 CORS 问题的关键配置
        add_header 'Access-Control-Allow-Origin' 'http://127.0.0.1:8086';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';

        # 支持 OPTIONS 请求，并设置预检请求结果的缓存时间
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Max-Age' 1728000;
            add_header 'Content-Type' 'text/plain charset=UTF-8';
            add_header 'Content-Length' 0;
            return 204;
        }
    }

    # 其他服务器配置...
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

详细解释：https://blog.csdn.net/huang714/article/details/122173438