nginx映射端口出现跨域问题

当使用Nginx作为反向代理服务器，映射不同域名或端口到后端应用服务时，可能会遇到跨域（Cross-Origin Resource Sharing，CORS）问题。这是因为浏览器出于安全考虑，不允许来自非同源（协议、域名或端口都不一样）的请求直接访问资源。

解决Nginx跨域问题通常需要配置`ngx_http_headers_module`模块中的`add_header`指令，在响应头中添加`Access-Control-Allow-Origin`等CORS相关的头部信息。例如：

location /api {
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type';

    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Max-Age' 1728000; # 设置预检请求缓存时间
        add_header 'Content-Length' 0;
        return 204;
    }

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

这里的关键设置有：
- `add_header Access-Control-Allow-Origin *` 允许所有来源的请求。
- `if ($request_method = 'OPTIONS')` 检查是否是预检请求（CORS前缀），返回空响应允许请求继续。
- `proxy_pass` 指令用于转发请求到后端服务器。