跨域资源共享（CORS）是一种常见的 Web 应用程序安全机制，它限制了浏览器在不同域之间共享数据的能力。如果您正在编写一个基于 Fastify 的 Web 应用程序，并且需要与不同的域进行通信，那么您就需要了解 Fastify 中如何管理 CORS 策略。
什么是 CORS
CORS 是一种 Web 应用程序安全机制，用于限制浏览器在不同域之间共享数据的能力。CORS 的全称是跨域资源共享，它是由 W3C 标准化的一种技术。
可以通过 HTTP 头部在浏览器和服务器之间进行 CORS 通信。HTTP 头部包含了一些字段，用于告诉浏览器是否允许跨域请求。常用的头部字段有：
Access-Control-Allow-Origin：指定允许跨域请求的源站，可以是一个具体的域名，也可以是通配符*表示允许任意域名访问。Access-Control-Allow-Methods：指定允许跨域请求的 HTTP 方法，如GET、POST等。Access-Control-Allow-Headers：指定允许跨域请求的请求头部信息。Access-Control-Allow-Credentials：指定请求是否可以包含凭据，如 cookie、HTTP 认证等。
在 Fastify 中管理 CORS 策略
在 Fastify 中，可以使用 fastify-cors 插件来管理 CORS 策略。该插件是基于 cors 包实现的，提供一组可配置的选项，可以用于自定义 CORS 策略。
要使用 fastify-cors 插件，首先需要安装它：
npm install fastify-cors
安装完成后，在 Fastify 应用程序中注册该插件：
const fastify = require('fastify')();
const cors = require('fastify-cors');
fastify.register(cors);此时，Fastify 应用程序已经具备了默认的 CORS 策略，可以允许任何来源站点的跨域请求。
配置 fastify-cors 插件
fastify-cors 插件支持一系列配置选项，可以用于自定义 CORS 策略。下面是一些常用的配置选项：
origin：指定允许跨域请求的来源站点，可以是一个具体的域名，也可以是通配符*，表示允许任意域名访问。methods：指定允许跨域请求的 HTTP 方法，如GET、POST等。allowedHeaders：指定允许跨域请求的请求头部信息。exposedHeaders：指定在响应头部中暴露给客户端的头部信息。credentials：指定请求是否可以包含凭据，如 cookie、HTTP 认证等。
以下是一个示例代码，演示如何使用配置选项来自定义 CORS 策略：
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - ------------------------ ----- ----------- - - ------- ---------------------- -------- ------- -------- --------------- ------------------ --------------- ------------------ ------------ ---- -- ---------------------- -------------
在上述示例中，我们指定了允许跨域请求的来源站点为 https://example.com，允许跨域请求的 HTTP 方法为 GET 和 POST，以及允许请求头部中包含名为 Authorization 的信息。此外，我们还指定了在响应头部中暴露 Authorization 头部信息，并且允许请求携带凭据。
结论
Fastify 是一个快速、低开销的 Web 框架，可以轻松地管理 CORS 策略。通过 fastify-cors 插件，我们可以自定义 CORS 策略，以满足不同的跨域需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67529a278bd460d3ad965e62