nginx跨域是什么

### Nginx 处理跨域问题

对于Web应用程序而言，浏览器出于安全考虑实施同源策略(SOP)，这会阻止来自不同源的网页之间的资源访问。当遇到需要跨越多个域名的应用场景时，则需采取措施来绕过这些限制。

#### 修改Nginx配置文件以允许跨域请求

要使Nginx能够处理跨域请求，在`nginx.conf`中找到对应location块并加入适当指令[^1]：

http {
    ...
    server {
        listen       80;
        server_name  localhost;

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

            if ($request_method = 'OPTIONS') {
                add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,B Cache-Control,Content-Type';
                add_header 'Access-Control-Max-Age' 1728000;
                add_header 'Content-Type' 'text/plain charset=UTF-8';
                add_header 'Content-Length' 0;
                return 204;
            }
            
            proxy_pass http://backend_server; # 将此路径下的请求转发给后端服务器
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

上述代码片段展示了如何通过设置响应头部字段`Access-Control-Allow-Origin`和`Access-Control-Allow-Methods`来告知客户端哪些来源可以访问API接口，并指定了支持的方法类型[^3]。此外还特别针对预检请求(Preflight Request)进行了特殊处理，即当HTTP方法为`OPTIONS`时返回特定的状态码与相应头信息。

#### 不改变后端的情况下实现跨域资源共享(CORS)

如果希望不修改任何后端逻辑就能完成CORS配置的话，那么利用Nginx作为反向代理是一个不错的选择。这种方式下所有的前端请求都会先到达Nginx层面上被解析，然后再由它负责将实际的数据获取任务分发至各个具体的业务模块上去执行；与此同时，也可以在此过程中灵活调整对外暴露的服务行为特性——比如增加必要的CORS相关参数等操作[^2]。