CORS
跨源资源共享 — 受控跨源请求。
安全简单
技术栈组成
HeaderAccess-Control-*
为什么
标准化跨源访问,预检保安全,支持凭证。Verizon DBIR 2024:68% 的泄露涉及人为错误。
Snyk 和 Dependabot 扫描 50 万以上 npm 包的 CVE,OWASP Top 10 变化不大 — 注入和失效认证仍居 #1 和 #2。
何时使用
用于浏览器访问的 API。避免同源应用。
如何做
1. 配置 Access-Control-Allow-Origin
2. 设置允许方法
3. 设置允许头
4. 处理预检 OPTIONS
示例
Access-Control-Allow-Origin: https://example.com
Access-Control-Allow-Methods: GET, POST
Access-Control-Allow-Headers: Content-Type
// CORS — 使用示例
import { CORS } from "sec2-cors";
const result = await cors({ input: "data" });
console.log(result);
常见问题
- ⚠通配符配凭证 — 不允许,指定源
- ⚠预检缓存 — 设置 Access-Control-Max-Age
- ⚠环境间配置漂移 — 使用基础设施即代码(Terraform/Pulumi)保持 dev/staging/prod 一致
最佳实践
- ✓白名单特定源
- ✓Express 用 cors 中间件
- ✓设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求
常见问题解答
什么是CORS?适合做什么项目?
跨源资源共享 — 受控跨源请求。 它通过分层组合提供端到端类型安全与开箱即用的部署体验,适合从 MVP 到生产 SaaS 的快速迭代。
如何用CORS在 10 分钟内跑通一个 demo?
两步起步:① 配置 Access-Control-Allow-Origin;② 设置允许方法。先跑通本地 dev server,再接一个真实数据源验证端到端链路。
CORS 最常见的坑是什么?怎么避免?
最高频的坑是:通配符配凭证 — 不允许,指定源。避免方法:在 PR 模板里加入对应 checklist,CI 中跑类型检查 + lint + 单测,三重把关再合并。
CORS 的最佳实践有哪些?
CORS 的最佳实践包括:白名单特定源;Express 用 cors 中间件;设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求。其中首条「白名单特定源」应在项目初始化时就落地,避免后期返工。
什么情况下不该选CORS?
三种情况另选他栈:① 团队对该栈核心框架零经验且工期紧张(学习曲线风险);② 项目是纯内容/营销站(选 Astro 更轻);③ 需要极高吞吐(>1 万 RPS)或强一致微服务(选 Go/Rust)。CORS 的强项是中高复杂度全栈与 API,别在简单静态页上过度工程。