在前端开发中，经常需要与后端进行交互，而跨域问题就是一个常见的问题。为了解决这个问题，我们通常会在后端设置 CORS（跨域资源共享）策略。而在 Fastify 中，我们可以使用 fastify-cors 插件来方便地设置 CORS 策略，避免前后端交互中的问题。
什么是 CORS
CORS 是一种机制，它允许网页或者 Web 应用程序访问其他域名下的资源。在同源策略下，浏览器限制了从脚本发起的跨域 HTTP 请求，而 CORS 则是一种标准，它允许在服务端设置哪些域名可以访问该服务的资源。
Fastify-cors 插件
Fastify-cors 是一个 Fastify 插件，它提供了一种简单的方式来设置 CORS 策略。使用 Fastify-cors 插件，我们可以轻松地为 Fastify 应用程序设置 CORS 策略，从而避免前后端交互中的问题。
安装 Fastify-cors 插件
我们可以使用 npm 来安装 Fastify-cors 插件：
npm install fastify-cors --save
使用 Fastify-cors 插件
在 Fastify 应用程序中使用 Fastify-cors 插件非常简单，只需要在应用程序中注册插件即可：
-- -------------------- ---- -------
----- ------- - --------------------
----------------------------------------- -
-- ---------
------- ---
--
-------------------- ----- -- -
-- ----- -
------------------
---------------
-
------------------- --------- -- -----------------------
--在上面的例子中，我们使用 fastify.register 方法来注册 Fastify-cors 插件，并设置了 origin 参数来允许所有来源的跨域请求。除了 origin 参数，Fastify-cors 插件还支持很多其他的配置参数，比如 methods、allowedHeaders、exposedHeaders 等等，可以根据实际需求进行设置。
示例代码
下面是一个完整的 Fastify 应用程序示例，其中使用了 Fastify-cors 插件来设置 CORS 策略：
-- -------------------- ---- -------
----- ------- - --------------------
----------------------------------------- -
-- ---------
------- ---
--
---------------- ----- ------ -- -
------------ -------- ------- ------- --
--
-------------------- ----- -- -
-- ----- -
------------------
---------------
-
------------------- --------- -- -----------------------
--结论
Fastify-cors 插件提供了一种简单的方式来设置 CORS 策略，从而避免前后端交互中的问题。使用 Fastify-cors 插件，我们可以轻松地为 Fastify 应用程序设置 CORS 策略，从而实现跨域资源共享。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675d5331e1dcc5c0fa3b29cd