什么是 CORS？
CORS，全称为跨源资源共享（Cross-Origin Resource Sharing），是一种浏览器端的安全机制，用于限制跨源 HTTP 访问。它通过在响应头中添加特定的 HTTP 头来控制浏览器的行为，以保护用户的信息和隐私。
具体来说，当浏览器发送 AJAX 请求时，如果请求的地址与当前网页不属于同一源，即协议、域名、端口号中有任意不同，浏览器会向目标站点发送一个预检请求（preflight request），询问服务器是否允许当前网页的域名来进行该请求。如果服务器允许，浏览器才能向目标站点发送真正的请求，否则浏览器将拒绝。
为什么需要集成 CORS 解决方案？
在开发 Web 应用程序时，我们经常需要从不同的源获取数据或资源。这可能会引起浏览器端的 CORS 问题，导致请求被拒绝，无法正常获取数据或资源。
为了避免这种情况，我们需要在后台服务中集成 CORS 解决方案，以便让前端通过 AJAX 请求访问不同的源，并且能够顺利地获取所需的数据或资源。
Fastify 中的 CORS 解决方案
Fastify 是一个高效、低开销且可扩展的 Node.js Web 框架。Fastify 提供了一个内置的 fastify-cors 插件，用于集成 CORS 解决方案。
fastify-cors 插件提供了一个简单而强大的方式，快速且轻松地添加 CORS 头来支持跨源请求。您可以使用该插件向所需的路由或全局中间件添加 CORS 头。
安装
使用 npm 包管理器在项目根目录下安装 fastify-cors 插件：
npm install fastify-cors
使用示例
全局使用
可以使用 fastify-cors 插件来为整个应用程序启用 CORS 头。在以下示例中，我们向 Fastify 添加 fastify-cors 插件，并启用了预检请求：
-- -------------------- ---- ------- ----- ------- - -------------------- ----------------------------------------- - -- ----------- ---------- ----- --------------------- --- -- ---------------- --------- ------ -- - ------------ ------ ------- -- -- -------------------- ----- -------- -- - -- ----- ----- --- ------------------- --------- -- ------------ --
单个路由使用
您还可以使用 fastify-cors 插件为单个路由启用 CORS 头。在以下示例中，我们向 /hello 路由添加了 CORS 头：
-- -------------------- ---- ------- ----- ------- - -------------------- --------------------- - ----------- ------------------------- -- --------- ------ -- - ------------ ------ ------- -- -- -------------------- ----- -------- -- - -- ----- ----- --- ------------------- --------- -- ------------ --
总结
集成 CORS 解决方案是一种必要而有效的方式，以便让浏览器可以正常获取来自不同源的数据或资源。在 Fastify 中，可以使用 fastify-cors 插件来轻松地添加 CORS 头，保护用户的信息和隐私。通过以上方法，我们可以更好地处理前端中 CORS 问题，并更好地开发 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6458891c968c7c53b0ae504f