简介
CORS (Cross-Origin Resource Sharing) 是一个跨域资源共享机制，可以让浏览器绕过同源策略，从而实现跨域访问。在前端开发中，跨域访问是很常见的需求，因此 CORS 是非常实用的技术。@acastellon/cors 是一个实现了 CORS 的 npm 包，它可以帮助我们更方便地配置 CORS 相关的参数。
安装
使用 npm 安装 @acastellon/cors：
npm install @acastellon/cors
使用
使用 @acastellon/cors 很简单。以下是一个基本的用法示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------------------- ----- --- - ---------- -------------- ------- ------------------------ --------------------- --- ---- ------------ -------- ----- ---- - --------------- --------- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在上面的示例中，我们使用 @acastellon/cors 创建了一个中间件，它会对所有请求的响应添加 CORS 头。其中 origin 参数指定了允许的请求来源（即跨域的网址），optionsSuccessStatus 参数指定了预检请求通过的 HTTP 状态码。
注意，CORS 的配置是非常灵活的，@acastellon/cors 支持的参数和属性很多。下面我们会详细介绍一些常用的属性和它们的含义。
API
1. origin
指定可接受的请求来源。可以是一个字符串，也可以是一个函数。
示例：
-- -------------------- ---- -------
-- ---
--------------
------- -----------------------
----
-- --
--------------
------- -------- -------- --------- -
-- ------- --- ------------------------ -
-------------- ------
- ---- -
------------ ---------- ------- -- --------
-
-
----2. methods
指定支持的 HTTP 方法。
示例：
app.use(cors({
methods: ['GET', 'POST', 'PUT', 'DELETE']
}));3. allowedHeaders
指定允许的请求头，多个请求头可以用逗号分隔或者放在数组里。
示例：
app.use(cors({
allowedHeaders: 'Content-Type,Authorization',
}));
app.use(cors({
allowedHeaders: ['Content-Type', 'Authorization'],
}));4. exposedHeaders
指定可以被响应访问的头信息。
示例：
app.use(cors({
exposedHeaders: 'Content-Range',
}));5. credentials
指定是否允许带 Cookie 等凭证信息。
示例：
app.use(cors({
credentials: true,
}));6. maxAge
指定允许缓存的时间，单位为秒。
示例：
app.use(cors({
maxAge: 3600,
}));7. optionsSuccessStatus
指定预检请求通过后的 HTTP 状态码。
示例：
app.use(cors({
optionsSuccessStatus: 200,
}));结语
通过本教程，我们学习了如何使用 @acastellon/cors 这个 npm 包来进行 CORS 的配置。当然，CORS 相关的知识还有很多，比如带身份验证的跨域访问、CORS 的安全风险等等。在实际开发中，我们需要根据具体需求来定制 CORS 配置，保证应用的安全性、可靠性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/201277