跨站资源共享（CORS）是一个常见的前端开发问题。当我们在一个网站上请求另一个网站的资源时，浏览器会根据同源策略进行限制。这时候就需要使用 CORS 技术来解决这个问题。在 Deno 中，我们可以使用一些技巧来处理 CORS。
什么是 CORS？
CORS 是一种安全机制，用于限制跨站点 HTTP 请求，以防止非授权的访问。它通过在 HTTP 头中添加额外的信息来控制资源的访问。如果没有正确的 CORS 配置，浏览器将拒绝加载来自其他网站的资源。
如何在 Deno 中处理 CORS？
在 Deno 中，我们可以使用 oak 框架来处理 CORS。oak 是一个 Web 框架，类似于 Node.js 中的 Express。它提供了一个中间件，用于处理跨域请求。
下面是一个使用 oak 处理 CORS 的示例：
-- -------------------- ---- -------
------ - ----------- - ---- ---------------------------------
----- --- - --- --------------
------------- ----- ----- -- -
------------------------------------------------------- -----
-------------------------
-------------------------------
----- ----- ---- ------- --------
--
-------------------------
-------------------------------
-------- ----------------- ------------- -------
--
------------------------------------------------------------ --------
----- -------
---
------------- -- -
----------------- - ------- --------
---
----- ------------ ----- ---- ---在这个示例中，我们首先创建了一个 Application 对象。然后使用 app.use 方法添加一个中间件来处理 CORS。在这个中间件中，我们设置了一些 HTTP 头信息，以允许跨域请求。
Access-Control-Allow-Origin
Access-Control-Allow-Origin 是一个必需的头信息，它指定了哪些网站可以访问资源。在示例中，我们将其设置为 *，表示允许任何网站访问资源。如果你只想允许特定的网站访问资源，可以将其设置为对应的网站地址。
Access-Control-Allow-Methods
Access-Control-Allow-Methods 是一个可选的头信息，它指定了允许的 HTTP 方法。在示例中，我们允许 GET、POST、PUT、DELETE 和 OPTIONS 方法。
Access-Control-Allow-Headers
Access-Control-Allow-Headers 是一个可选的头信息，它指定了允许的 HTTP 头信息。在示例中，我们允许 Origin、X-Requested-With、Content-Type 和 Accept 头信息。
Access-Control-Allow-Credentials
Access-Control-Allow-Credentials 是一个可选的头信息，它指定了是否允许发送凭据。在示例中，我们将其设置为 true，表示允许发送凭据。
总结
在 Deno 中处理 CORS 是一个常见的任务。使用 oak 中间件可以方便地处理跨域请求。在设置 CORS 头信息时，需要注意安全性和灵活性的平衡。我们需要根据具体的需求来设置允许的网站、HTTP 方法、HTTP 头信息和凭据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658c0c3deb4cecbf2d162d7f