CORS (Cross-Origin Resource Sharing) 是一种 Web 浏览器的安全机制，它限制 Web 页面中的 JavaScript 脚本去访问不同源（即不同的域名、协议或端口）的服务器资源。在前端开发中，我们经常需要通过 AJAX 请求来从其他域名下的服务器获取数据。而在 Fastify 中，默认情况下是禁止跨域访问的。因此，为了解决 Fastify 中的 CORS 问题，我们需要做一些配置。
解决方式
在 Fastify 中，我们需要安装并使用 fastify-cors 插件来解决 CORS 问题。这个插件可以设置哪些来源、请求头、请求方法是允许跨域的。下面是如何使用 fastify-cors 插件的示例代码：
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - ------------------------ ---------------------- - ------- ---- -------- ------- ------- --- ---------------------
在上面的代码中，我们在 Fastify 实例中使用了 fastify-cors 插件，并设置了跨域访问的来源 (origin) 和允许的请求方法 (methods)。在 origin 中，我们使用通配符 * 来表示允许任何来源跨域访问。这个设置是有安全风险的，因为它允许任何人都可以跨域访问我们的服务器。如果需要更加安全的设置，可以改成只允许特定的域名访问我们的服务器。在 methods 中，我们设置了允许的请求方法为 GET 和 POST，也可以根据实际需要设置其他的请求方法。
除此之外，还可以设置其他的参数，例如请求头 (allowedHeaders)、响应头 (exposedHeaders)、凭证 (credentials) 等等，具体的配置请参考 fastify-cors 的文档。
总结
通过使用 fastify-cors 插件，我们可以很方便地解决 Fastify 中的 CORS 问题。但是，在设置跨域访问时需要具有一定的安全意识，避免出现安全风险。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64618949968c7c53b02e8424