什么是 Fastify？
Fastify 是一个低开销的框架，它具有高性能和低内存占用的特性。它是 Node.js 中最快的 HTTP 框架之一，使用简单、易于扩展和定制。Fastify 的插件能够让您轻松地添加额外的自定义逻辑到您的应用程序中。
什么是 Cors？
跨域资源共享（CORS）是一种机制，它允许在运行在一个域的 Web 应用程序中请求托管在另一个域的资源。它是一个浏览器机制，因为 Web 服务器不会关注请求的原始地址。
Fastify 中的 Cors 支持
如果您曾经在 Fastify 应用程序中使用 JavaScript 客户端与 API 进行通信，则可能会遇到 CORS 错误。例如，如果您的 API 在本地运行，但您的 JavaScript 客户端在另一个域中，您的浏览器将不允许您使用 Fastify API 。
为了解决这个问题，您需要在 Fastify API 中添加 Cors 支持。对于 Fastify，我们有几个 Cors 插件可供选择。在这里，我们将介绍两种最常用的选项。
fastify-cors
Fastify-cors 是我们最常用的 Cors 解决方案。它内置在应用中，使用方便，您可以很容易地启用它。
首先，您需要安装 fastify-cors 模块。可以使用 NPM 安装，如下所示：
npm install fastify-cors --save
在 Fastify 应用程序中添加 Cors 插件，如下所示：
const fastify = require('fastify')();
const cors = require('fastify-cors');
fastify.register(cors, {
origin: '*',
methods: ['GET', 'POST']
});这里的 origin 属性设置为 *，允许从任何来源进行请求。methods 属性设置所允许的 HTTP 请求方法。您可以根据需要更改或添加其他选项。
fastify-cors-allow-origin
fastify-cors-allow-origin 是另一种 Cors 解决方案。它是一个 Fastify 插件，其 API 与 fastify-cors 相似，但是具有更多的选项和更灵活的设置。
首先，您需要安装 fastify-cors-allow-origin 模块。可以使用 NPM 安装，如下所示：
npm install fastify-cors-allow-origin --save
在 Fastify 应用程序中添加 Cors 插件，如下所示：
const fastify = require('fastify')();
const cors = require('fastify-cors-allow-origin');
fastify.register(cors, {
origin: '*',
methods: ['GET', 'POST']
});与 fastify-cors 一样，您可以很容易地启用 fastify-cors-allow-origin，同时调整选项以满足您的需求。
结论
Fastify 中的 Cors 支持能够让您轻松地处理 JavaScript 客户端和 API 之间的跨域请求，从而获得更好的用户体验。在使用 Fastify 时，您可以选择通过 fastify-cors 或 fastify-cors-allow-origin 插件添加 Cors 支持，以便根据您的需求选择合适的方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676d059782fcee791c63235e