简介
在前端开发中，跨域资源共享（CORS）是一个经常需要处理的问题。CORS 的制约机制使得客户端只能从指定的源中加载资源，这样可以保护客户端的隐私和安全。在 Deno 中使用 CORS 也非常简单，本文将介绍如何在 Deno 中使用 CORS。
理解 CORS
在使用 CORS 之前，我们需要先了解它的工作原理。跨域资源共享（CORS）是一种浏览器安全机制，它使用特殊的 HTTP 头使得一个网页应用程序在 Web 应用程序中获取被请求的资源。当 JavaScript 通过 XMLHttpRequest 发出跨域 HTTP 请求时，浏览器会执行 CORS 流程。CORS 响应头告诉浏览器是否允许跨域请求。如果不允许，则 JavaScript 获取不到响应数据。CORS 机制是为了保护客户端的数据和隐私，防止客户端通过跨域请求来获取受限制的数据。
使用 Deno 实现 CORS
Deno 是一个新的 JavaScript 环境，具有安全性高、性能好、模块化方便等特点，可以帮助我们快速搭建 Web 服务器。下面我们就来介绍如何在 Deno 中实现 CORS。
利用 Deno 第三方库实现 CORS
Deno 中有一个官方提供的标准库和一些第三方库，其中就有一个叫做 oak 的库，它可以让我们快速搭建 Web 服务器。使用 oak 可以很容易地实现 CORS，以下是示例代码：
-- -------------------- ---- -------
------ - ----------- - ---- ---------------------------------
----- --- - --- --------------
------------- ----- ----- -- -
------------------------------------------------------- -----
-------------------------
-------------------------------
-------- ----------------- ------------- -------
--
-------------------------------------------------------- ------ ---- ---- ---------
----- -------
---
------------- -- -
----------------- - ------ --------
---
----- ------------ ----- ---- ---在上述代码中，我们通过设置 Access-Control-Allow-Origin、Access-Control-Allow-Headers 和 Access-Control-Allow-Methods 三个 HTTP 头，使得客户端能够正确地跨域请求 Web 服务器。其中，Access-Control-Allow-Origin 表示允许访问的源，可以设置为 *，表示允许任意源访问。
手动实现 CORS
如果你想要更深入地了解 CORS 的工作原理，也可以手动实现 CORS。以下是示例代码：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
----- ------ - ------- ----- ---- ---
--- ----- ------ --- -- ------- -
-- ----------- --- ---------- -
-------------
-------- --- ---------
------------------------------ ----
------------------------------- -------- ----------------- ------------- --------
------------------------------- ------ ---- ---- --------
---
---
- ---- -
------------- ----- ------ ------- ---
-
-在上述代码中，我们手动实现了跨域请求处理，首先判断请求方法是否为 OPTIONS，如果是，则设置 Access-Control-Allow-Origin、Access-Control-Allow-Headers 和 Access-Control-Allow-Methods 三个 HTTP 头，然后返回一个空响应。如果请求不是 OPTIONS，就直接返回 Hello World。
总结
以上就是如何在 Deno 中使用 CORS 的方法。使用 oak 可以很方便地实现 CORS，如果你想要深入了解 CORS 的实现原理，也可以手动实现。CORS 是 Web 安全的重要组成部分之一，学会如何使用 CORS 可以保护您的客户端数据和隐私。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64754049968c7c53b0259df6