在前端开发中，跨域请求是经常会遇到的问题。如果不处理好，就会导致请求失败或者安全问题。Fastify 是一个快速、低开销、易于使用的 Web 框架，它提供了处理跨域请求的方案。
什么是跨域请求？
跨域请求是指浏览器从一个域名的网页去请求另一个域名的资源，这个过程中会涉及到跨域访问。例如，当你在 http://www.example.com 的网页中发起一个请求 http://www.test.com/data.json，就会发生跨域请求。
如何处理跨域请求
Fastify 提供了一个插件 fastify-cors 来处理跨域请求。通过使用该插件，可以轻松地实现跨域请求的授权和限制。
安装插件
使用 npm 安装 fastify-cors 插件：
npm install fastify-cors
引入插件
在 Fastify 应用程序中引入 fastify-cors 插件：
const fastify = require('fastify')({ logger: true })
const cors = require('fastify-cors')
fastify.register(cors, {})配置参数
fastify-cors 插件支持以下参数：
origin：允许跨域请求的源，可以是字符串、正则表达式、数组或者函数。methods：允许跨域请求的 HTTP 方法。allowedHeaders：允许跨域请求的头部。exposedHeaders：允许跨域请求的响应头部。credentials：是否允许跨域请求携带凭证。maxAge：缓存预检请求的时间。
以下是一个配置参数的示例：
fastify.register(cors, {
origin: ['http://localhost:8080', 'https://www.example.com'],
methods: ['GET', 'POST', 'PUT', 'DELETE'],
allowedHeaders: ['Content-Type', 'Authorization'],
exposedHeaders: ['Content-Length'],
credentials: true,
maxAge: 86400
})示例代码
以下是一个示例代码，它演示了如何使用 fastify-cors 插件处理跨域请求：
-- -------------------- ---- -------
----- ------- - -------------------- ------- ---- --
----- ---- - -----------------------
---------------------- -
------- ------------------------- ---------------------------
-------- ------- ------- ------ ----------
--------------- ---------------- -----------------
--------------- -------------------
------------ -----
------- -----
--
---------------- ----- --------- ------ -- -
------ - -------- ------ ------- -
--
-------------------- ----- -------- -- -
-- ----- -
----------------------
---------------
-
------------------------ --------- -- ------------
--总结
Fastify 框架提供了一个简单易用的插件 fastify-cors 来处理跨域请求。通过使用该插件，可以轻松地授权和限制跨域请求，保证系统的安全性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650bf41b95b1f8cacd605588