本文将介绍如何进行高级 CORS 配置,以确保你的 API 能够安全、高效地跨域通信。

什么是 CORS?

CORS(跨源资源共享)是一种机制,它允许一个域下的资源被另一个域下的 Web 应用程序访问。在 Web 开发中,CORS 是处理跨域请求的重要手段。

CORS 配置步骤

  1. 设置响应头:在服务器响应中添加特定的 HTTP 响应头,例如 Access-Control-Allow-Origin
  2. 处理预检请求:对于一些特定的 HTTP 方法(如 OPTIONS),服务器需要先处理预检请求,以确保跨域请求的安全性。
  3. 自定义响应头:根据需要,可以自定义其他 CORS 相关的响应头,如 Access-Control-Allow-MethodsAccess-Control-Allow-Headers 等。

示例代码

以下是一个简单的 CORS 配置示例:

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

扩展阅读

想要了解更多关于 CORS 的知识,可以阅读以下文章:

图片示例

CORS 解释图
CORS 配置图