在前端开发中，经常会遇到跨域问题。Fastify 是一个快速、低开销、可扩展的 Node.js Web 框架，但默认情况下它不支持 CORS 跨域请求。本文将介绍如何快速解决 Fastify 框架中的 CORS 跨域问题。
什么是 CORS？
CORS（Cross-Origin Resource Sharing）是一个 W3C 标准，它允许浏览器在一个域名下发送 AJAX 请求到另一个域名的服务器。CORS 跨域请求需要浏览器和服务器都支持。
在 Fastify 中启用 CORS
要在 Fastify 中启用 CORS，我们需要使用 fastify-cors 插件。该插件是一个 Fastify 插件，它添加了跨域请求支持。
安装 fastify-cors 插件：
npm install fastify-cors
在 Fastify 应用程序中使用 fastify-cors 插件：
-- -------------------- ---- -------
----- ------- - --------------------
----- ---- - -----------------------
----------------------
-- ---- ------ ----
-------------------- ----- -------- -- -
-- ----- -
------------------
---------------
-
------------------- --------- -- ------------
--在上面的代码中，我们使用 fastify-cors 插件注册了 Fastify 应用程序。现在，Fastify 应用程序就支持 CORS 跨域请求了。
默认情况下，fastify-cors 插件允许所有来源的跨域请求。如果需要更精细的控制，可以通过传递选项来配置 fastify-cors 插件。例如，以下是一个配置了允许的来源和允许的请求头的示例：
fastify.register(cors, {
origin: 'https://example.com',
allowedHeaders: ['Content-Type'],
})示例代码
以下是一个完整的 Fastify 应用程序，它使用 fastify-cors 插件启用了 CORS 跨域请求：
-- -------------------- ---- -------
----- ------- - --------------------
----- ---- - -----------------------
----------------------
---------------- ----- ------ -- -
------------ -------- ------- ------- --
--
-------------------- ----- -------- -- -
-- ----- -
------------------
---------------
-
------------------- --------- -- ------------
--在浏览器中访问 http://localhost:3000，应该能够看到以下 JSON 响应：
{
"message": "Hello, world!"
}结论
在本文中，我们介绍了如何在 Fastify 框架中启用 CORS 跨域请求。通过使用 fastify-cors 插件，我们可以快速解决 Fastify 框架中的 CORS 跨域问题。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672726432e7021665e1c472d