在前端开发中，我们经常需要访问不同域名下的资源。然而，由于浏览器的同源策略限制，跨域请求会被浏览器拦截。为了解决跨域问题，我们需要使用 CORS（Cross-Origin Resource Sharing）技术。
Fastify 是一个快速、低开销且功能丰富的 Node.js Web 框架，它提供了一种简单而优雅的方式来处理 CORS 跨域问题。本文将介绍 Fastify 如何处理 CORS 跨域问题，并提供示例代码。
什么是 CORS？
CORS 是一种跨域资源共享技术，它允许浏览器向不同域名的服务器发送 AJAX 请求。CORS 通过在请求头中添加特定的字段来告诉浏览器该请求是被允许的。
Fastify 如何处理 CORS？
Fastify 提供了一个 fastify-cors 插件来处理 CORS 跨域问题。该插件可以在 Fastify 实例上注册，并配置一些选项来控制跨域请求的行为。
下面是一个使用 fastify-cors 插件的示例代码：
-- -------------------- ---- ------- ----- ------- - -------------------- ----------------------------------------- - ------- ---- -- ---------------- ----- ------ -- - ------------ ------ ------- -- -- -------------------- ----- -------- -- - -- ----- ----- --- ------------------- --------- -- ------------ --
在上面的代码中，我们首先创建了一个 Fastify 实例，并注册了 fastify-cors 插件。然后我们使用 fastify.get() 方法定义了一个路由，当访问根路径时，返回一个简单的 JSON 对象 { hello: 'world' }。
在 fastify-cors 插件的配置对象中，我们设置了 origin: true，表示允许任何来源的请求。如果我们希望只允许特定来源的请求，可以将 origin 设置为一个字符串或数组。
fastify-cors 插件的选项
fastify-cors 插件提供了一些选项来控制跨域请求的行为。下面是一些常用的选项：
origin: 允许的来源。可以是true（允许任何来源），一个字符串或一个数组。默认为false（不允许跨域请求）。methods: 允许的 HTTP 方法。可以是一个字符串或一个数组。默认为GET,HEAD,PUT,PATCH,POST,DELETE。allowedHeaders: 允许的请求头。可以是一个字符串或一个数组。默认为Content-Type,Authorization.exposedHeaders: 允许客户端访问的响应头。可以是一个字符串或一个数组。默认为空。credentials: 是否允许发送 Cookie。默认为false。preflightContinue: 是否继续处理预检请求。默认为false。optionsSuccessStatus: 预检请求成功的 HTTP 状态码。默认为204。
结论
Fastify 提供了一个简单而优雅的方式来处理 CORS 跨域问题。通过使用 fastify-cors 插件，我们可以轻松地配置跨域请求的行为。在开发 Web 应用程序时，我们应该始终考虑到跨域请求的问题，并采取适当的措施来确保安全和可靠性。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673a8710026c11b6ae299156