CORS 是一种浏览器安全策略，用于防止跨域攻击。 在前端开发中，开发人员通常需要与不同来源的后端 API 进行交互，并且在该过程中可能会遇到 CORS 问题，这将导致浏览器阻止从其他来源加载资源。
在这种情况下，Fastify 可以帮助开发人员快速解决跨域问题。Fastify 是一个快速而简单的 Node.js Web 框架，拥有出色的性能和功能。
本文将介绍 Fastify 如何帮助解决 CORS 问题，并提供示例代码以进行更好的理解和实现。
Fastify 解决 CORS 问题的技巧
Fastify 提供了一个插件，名为 fastify-cors，该插件使用简单且易于设置，帮助解决 CORS 问题。
安装 fastify-cors 插件
使用 npm 安装 fastify-cors 插件，命令如下：
npm install fastify-cors
注册 fastify-cors 插件
在 Fastify 应用程序中注册 fastify-cors 插件：
const fastify = require('fastify')()
fastify.register(require('fastify-cors'), {
origin: '*',
methods: ['GET', 'PUT', 'POST', 'DELETE']
})在上面的代码中，使用了 require('fastify-cors') 方法引入 fastify-cors 插件，并传入了一个配置对象作为参数。
origin 属性指定了允许来自哪些来源的请求。 在上面的代码中，* 表示允许任何来源的请求。其中，origin 属性还可以设置为数组或正则表达式，以更细粒度地控制允许的来源。
methods 属性指定了允许的 HTTP 方法类型。 在上面的代码中，['GET', 'PUT', 'POST', 'DELETE'] 表示只允许这些方法的请求。
示例代码
下面是一个基于 Fastify 的示例代码，用于演示如何使用 fastify-cors 插件解决 CORS 问题。
-- -------------------- ---- -------
----- ------- - --------------------
-- -- ------------ --
----------------------------------------- -
------- ----
-------- ------- ------ ------- ---------
--
-- ----
---------------- ----- ------ -- -
------------ -------- ------ ------- --
--
-- ----
-------------------- ----- -------- -- -
-- ----- -
------------------
---------------
-
------------------- ------- -- ------------
--在上面的代码中，使用 fastify.get() 方法定义了一个路由。 这个路由仅返回一个 JSON 对象 { message: 'Hello world!' }。 如果我们没有使用 fastify-cors 插件来处理跨域问题，则浏览器将阻止该请求。 但是，通过使用该插件，我们成功解决了这个跨域问题。
结论
通过 fastify-cors 插件，我们可以很容易地解决跨域问题，从而让前端开发人员能够处理与不同 API 服务交互的需求。需要注意的是，我们应该根据实际情况，更加灵活地配置 origin 属性和 methods 属性，以确保服务器的安全和性能。
Fastify 是一个灵活、快速而简单的 Node.js Web 框架。借助 Fastify，我们可以更加高效地开发 Web 应用程序。有了 Fastify 可以快速地解决跨域问题，让前端开发人员可以更加专注于业务逻辑的开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670a5427d91dce0dc8807e39