CORS（跨源资源共享）是浏览器为了安全性和隐私保护，对跨域请求的限制机制。合理配置CORS可以解决前端与后端接口通信时的跨域问题，同时避免安全隐患。以下是关键配置要点：

1. 基本概念

CORS通过HTTP头控制资源访问权限，核心字段包括：

  • Access-Control-Allow-Origin: 允许的源地址（如 * 表示允许所有）
  • Access-Control-Allow-Methods: 允许的请求方法（如 GET, POST）
  • Access-Control-Allow-Headers: 允许的请求头（如 Content-Type, Authorization）

💡 了解CORS原理可参考：CORS_启用方法

2. 配置步骤

服务器端设置

在响应头中添加以下字段（以Node.js示例）：

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');

客户端请求

确保请求头包含必要信息（以浏览器为例）：

Origin: https://example.com
Content-Type: application/json

📝 注意：实际配置需根据业务需求调整安全策略

3. 常见问题

  • 预检请求（Preflight）：浏览器在实际请求前发送OPTIONS方法验证
  • CORS漏洞：不当的Access-Control-Allow-Origin值可能导致安全风险
  • 调试技巧：使用浏览器开发者工具查看网络请求头

CORS Request Flow

4. 扩展阅读

🚀 通过合理配置CORS，可以实现安全的跨域通信，同时提升开发效率