nginx跨域配置

### 如何配置 Nginx 支持跨域请求 为了使 Nginx 支持跨域请求，可以通过调整 `location` 块中的响应头来实现 CORS（Cross-Origin Resource Sharing）。以下是详细的配置方法以及示例。 #### 配置步骤解析 在 Nginx 中支持跨域请求的核心在于设置 HTTP 头部字段。通过在 `server` 或 `location` 块中添加特定的头部信息，可以允许来自其他源的请求访问资源[^1]。 以下是一个典型的跨域配置示例： ```nginx server { listen 80; server_name example.com; # 设置前端页面根目录 location / { root /var/www/html; index index.html; } # API 接口位置 location /api { add_header 'Access-Control-Allow-Origin' '*' always; # 允许所有来源访问 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-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type'; return 204; # 对于预检请求返回成功状态码 } proxy_pass http://backend_server_address; # 将请求转发给后端服务 } } ``` 上述配置的关键部分解释如下： - **`add_header 'Access-Control-Allow-Origin' '*'`**: 表明允许任何来源访问此资源。如果仅希望某些特定站点能够访问，则应替换为具体的 URL 地址[^3]。 - **`add_header 'Access-Control-Allow-Methods'`**: 定义哪些 HTTP 方法被允许执行跨域操作。 - **`if ($request_method = 'OPTIONS')`**: 当浏览器发送预检请求 (preflight request) 时，会先发起一个 `OPTIONS` 请求以确认实际请求的安全性。这里需特别处理并返回适当的状态码[^4]。 #### HTTPS 下的特殊注意事项 当使用 SSL/TLS 加密传输数据时，在启用 HTTPS 的情况下也需要考虑安全因素。例如，对于生产环境而言，“*”通配符可能不够严格；建议明确指定可信任的具体域名作为替代方案[^2]。 另外需要注意的是，一旦涉及到敏感信息交换或者身份验证机制（比如 OAuth），则更应该谨慎对待跨域策略设计，防止潜在风险发生。 --- ### 示例总结 最终完整的 Nginx 跨域配置可能会像这样呈现出来： ```nginx http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; server { listen 443 ssl; server_name api.example.com; ssl_certificate cert.pem; ssl_certificate_key key.pem; location /api { add_header Access-Control-Allow-Origin "https://example.com"; add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"; add_header Access-Control-Allow-Credentials true; add_header Access-Control-Allow-Headers "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type"; if ($request_method = 'OPTIONS') { add_header Access-Control-Allow-Origin "https://example.com"; add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"; add_header Access-Control-Allow-Headers "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type"; return 204; } proxy_pass http://localhost:3000/; } } } ``` 以上代码片段展示了如何在一个启用了 HTTPS 的环境中正确地实施跨域资源共享政策。