前言
在 Web 开发中，跨域资源共享 (CORS) 是一种重要的安全机制，它允许 Web 应用从不同的域访问资源。Fastify 是一个快速、低开销、可扩展的 Node.js Web 框架，它的生态系统中有许多有用的插件，其中就包括 Fastify-CORS。本文将介绍 Fastify-CORS 的使用方法，旨在帮助前端开发者更好地掌握这个插件，并以此提高 Web 应用的安全性。
安装
在使用 Fastify-CORS 插件之前，我们需要先安装它。可以通过 npm 命令行工具轻松安装 Fastify-CORS，具体方法如下：
npm install fastify-cors
使用
安装完成 Fastify-CORS 后，就可以在 Fastify 应用中使用它了。我们可以通过以下方法将它引入：
const fastify = require('fastify')()
const fastifyCors = require('fastify-cors')
fastify.register(fastifyCors)配置
Fastify-CORS 插件提供了许多可配置的选项，我们可以根据需要将它们加入到插件的调用中。以下是一些常用的选项：
origin
该选项可以用来限制哪些网站可以访问资源。默认情况下 origin 选项的值是 *，表示允许来自所有网站的访问。
如果要限制仅允许特定的网站访问资源，可以将 origin 设置为一个字符串，比如：
fastify.register(fastifyCors, {
origin: 'http://localhost:3000'
})如果要允许多个网站访问资源，可以将 origin 设置为一个数组，如下所示：
fastify.register(fastifyCors, {
origin: ['http://localhost:3000', 'http://localhost:8080']
})methods
该选项决定了允许哪些 HTTP 方法访问资源，默认情况下允许 GET、HEAD 和 POST 方法。可以通过设置 methods 选项来修改允许的方法，比如：
fastify.register(fastifyCors, {
methods: ['PUT', 'DELETE']
})allowedHeaders
允许传递哪些 HTTP 头请求，默认情况允许允许 Content-Type、Authorization 和 Accept 头。可以通过设置 allowedHeaders 选项来扩展这些头，如下所示：
fastify.register(fastifyCors, {
allowedHeaders: ['Content-Type', 'Authorization', 'Accept', 'X-Custom-Header']
})exposedHeaders
表示服务端允许客户端获取的响应头字段，一般用来指定响应头里有哪些字段可以客户端获取。该选项默认没有启用，可以通过设置 exposedHeaders 选项来开启该功能，如下所示：
fastify.register(fastifyCors, {
exposedHeaders: ['Content-Length']
})credentials
该选项决定了是否允许发送跨域 Cookie 以及其他认证信息。默认情况下不允许发送身份验证信息，我们可以将 credentials 选项设置为 true，来开启后端验证，如下所示：
fastify.register(fastifyCors, {
credentials: true
})preflightContinue
该选项表示是否继续处理预检请求。默认情况下，Fastify-CORS 会自动处理预检请求，并生成适当的响应。您可以将 preflightContinue 选项设置为 true，以允许您在自己的处理中自定义预检请求的响应。比如：
fastify.register(fastifyCors, {
preflightContinue: true
})示例代码
以下是一个完整的 Fastify-CORS 插件的使用示例，其中包括一些常用的配置选项：
-- -------------------- ---- -------
----- ------- - --------------------
----- ----------- - -----------------------
----------------------------- -
------- ------------------------- -------------------------
-------- ------- ------ ------- ----------
--------------- ---------------- ---------------- --------- -------------------
--------------- -------------------
------------ -----
------------------ -----
--
---------------- --------- ------ -- -
------------ -------- ------- ------- --
--
-------------------- ----- -------- -- -
-- ----- -
------------------
---------------
-
------------------- --------- -- ------------
--总结
Fastify-CORS 插件可以帮助我们更加灵活地控制 Web 应用的访问权限，通过几个简单的配置选项，我们就能够自由地调整允许访问的站点、请求方法、请求头等。使用 Fastify-CORS 插件并不难，只需要了解一些基本配置选项，就可以快速入手。希望这篇文章对您有所帮助，谢谢！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e16348f6b2d6eab3c8bb31