跨域请求是指在浏览器中访问一个域名下的资源时，发起的请求却要访问另一个域名下的资源，这种情况下，浏览器会限制这种行为，以保证用户安全。但是，在开发 Web 应用时，特别是前端开发时，我们需要进行跨域访问的情况很常见，这时候就需要通过一些方法来解决这个问题。
Fastify 是一个非常高效的 Node.js Web 框架，但是，它默认情况下不支持跨域请求，本篇文章就来介绍一下如何让 Fastify 应用支持跨域请求。
方法
方法一：使用 Fastify-Cors 插件
Fastify-Cors 插件可以非常方便地为 Fastify 应用添加跨域支持。只需要安装该插件并将其注册到 Fastify 实例中即可。
代码示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----------- - ------------------------ ----- ------ - ---------- ---------------------------- - ------- ----- -------- ---------------------- --- ------------------- ----- -- - -- ----- ----- ---- ------------------- --------- -- ---- -------- ---
在上述代码中，我们引入了 fastify-cors 库，并且将其注册到 Fastify 实例中。我们可以通过配置 origin 和 methods 属性来指定哪些域名可以访问我们的应用、以及支持哪些请求方法。
方法二：手动添加 CORS 头部
除了使用 Fastify-Cors 插件外，我们还可以手动添加 CORS 头部来支持跨域请求。只需要在 Fastify 实例中使用 fastify.addHook 注册钩子函数，在每个响应发送前添加 CORS 头部即可。
代码示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ---------- ------------------------ --------- ------ -------- ----- -- - ------------------------------------------- ----- -------------------------------------------- ----------------------- ------- --- ------------------- ----- -- - -- ----- ----- ---- ------------------- --------- -- ---- -------- ---
在上述代码中，我们使用 fastify.addHook 注册了一个名为 onSend 的钩子函数，在每次响应发送前，手动添加了 Access-Control-Allow-Origin 和 Access-Control-Allow-Methods 头部，从而实现了跨域支持。
总结
通过以上两种方法，我们可以在 Fastify 应用中添加跨域支持。如果你在开发中遇到跨域请求的问题，可以试试以上方法来解决。
最后要注意的是，在添加跨域支持后，应该仔细考虑域名和请求方法的限制，以确保 Web 应用的安全性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64707a52968c7c53b0e9a85a