如何在 Fastify 中实现 CORS
在前端开发过程中，CORS 是时常遇到的一个问题。Fastify 是一个快速的 Web 框架，它专注于提供最大的性能和最小的开销。那么，如何在 Fastify 中实现 CORS 呢？
一、什么是 CORS？
CORS 是跨域资源共享（Cross-origin resource sharing）的缩写，它允许 Web 应用服务器进行跨域访问控制，从而使安全地进行跨站点数据传输成为可能。简单来说，跨域是指在浏览器上，当前正在访问的网址，与浏览器地址栏中显示的域名不一致。例如在 www.baidu.com 中访问 www.google.com 的资源。
二、Fastify 中实现 CORS 的方式
在 Fastify 中实现 CORS 的方式有两种，一种是使用 fastify-cors 插件，另一种是手动设置 CORS。我们先来看一下使用插件的方式：
- 使用 fastify-cors 插件
Fastify 社区中提供了一个非常实用的插件，fastify-cors，用来支持 CORS。可以使用以下命令安装该插件：
npm install fastify-cors --save
然后，在 Fastify 实例中引入和使用该插件即可，代码如下：
-- -------------------- ---- ------- ----- ------- - -------------------- ----------------------------------------- - ------- ---- -- -------------------- --- -- - -- ----- ----- --- ------------------- --------- -- ---------------------------------- --
其中，origin 参数设置是否允许跨域访问，true 表示允许。如果需要详细的配置，可以参考插件文档 https://github.com/fastify/fastify-cors。
- 手动设置 CORS
Fastify 也提供了手动设置 CORS 的方式，示例代码如下：
-- -------------------- ---- -------
----- ------- - --------------------
---------------------------- --------- ------ ----- -- -
------------------------------------------- ----
-------------------------------------------- -------- ----------------- ------------- --------
-------------------------------------------- ----- ---- ----- ------- ---------
-- --------------- --- ---------- -
---------------
- ---- -
------
-
---
---------------- --------- ------ -- -
------------ ------ ------- --
--
-------------------- --- -- -
-- ----- ----- ---
------------------- --------- -- ----------------------------------
--在上面的示例代码中，我们通过 addHook 方法添加了 onRequest 的钩子，来实现手动设置 CORS。如果请求方法为 OPTIONS，我们将返回 200 状态码。
三、总结
使用 Fastify 来构建 Web 应用时，CORS 是一个必须要处理的问题。Fastify 提供了 fastify-cors 插件和手动设置 CORS 两种方式，任选其一即可。建议使用 fastify-cors 插件，因为它更简单，更易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f2adb6f6b2d6eab3c4ce29