CORS（Cross-Origin Resource Sharing）是一种常用的网络安全机制，它允许 Web 应用程序服务器与多个不同来源的客户端进行交互。在本文中，我们将介绍如何在 Fastify 应用中实现 CORS，这样你就可以安全地允许跨域访问了。
CORS 是什么？
CORS 是一种网络安全机制，它允许 Web 应用程序从不同的源头获取资源。例如，如果你有一个 Web 应用程序，它从一个源头获取 HTML、CSS 和 JavaScript，但是它需要从另一个源头获取图像和视频，那么你需要使用 CORS 机制。
CORS 以一组 HTTP 头的形式出现，可以在服务器端设置。这些头告诉浏览器是否允许跨源请求和哪些请求允许跨源访问。
Fastify
Fastify 是一个快速、低开销和可扩展的 Web 应用程序框架，它是一个构建于 Node.js 之上的应用程序框架。Fastify 安装和使用都非常简单，并且提供了很多功能，如路由、中间件、插件等等。
使用 Fastify 来实现 CORS 可以让我们的 Web 应用程序安全地进行跨域资源共享。
实现 CORS
首先，我们需要设置必要的 CORS 头。以下是一些常见的头：
- Access-Control-Allow-Origin：允许哪些源头访问资源
- Access-Control-Allow-Methods：允许哪些 HTTP 方法访问资源
- Access-Control-Allow-Headers：允许客户端使用哪些请求头
- Access-Control-Allow-Credentials：如何处理凭据。如果设置为 true，则表示允许发送 Cookie。如果设置为 false，则表示不允许发送 Cookie。
我们可以使用 Fastify 的 addHook 方法来设置这些头，示例代码如下：
-- -------------------- ---- ------- ----- ------- - -------------------- ------------------------- --------- ------ -------- ----- -- - ------------------------------------------- ---- -------------------------------------------- ----- ----- ---- -------- -------------------------------------------- --------------- ------------------------------------------------ ----- ------ --
在上面的代码中，我们设置了允许任何来源头访问资源、GET、POST、PUT 和 DELETE 方法都被允许、只允许使用 Content-Type 请求头并且允许发送 Cookie。
总结
在本文中，我们介绍了什么是 CORS，以及如何在 Fastify 应用中实现 CORS。通过设置一组必要的 HTTP 头，我们可以允许跨源头访问资源。
快速而简单的应用程序框架，如 Fastify，可以让我们更加高效地进行 Web 开发。希望这篇文章能够帮助你理解并使用 CORS。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646b0bac968c7c53b0a7cf62