什么是 CORS
CORS（Cross-Origin Resource Sharing）是浏览器的一种安全机制，它限制了一个网站的前端 JavaScript 代码如何访问另一个网站的资源。通俗来说，就是浏览器会阻止跨域的 HTTP 请求，以保证用户的安全。
为什么需要处理 CORS
在前端开发中，我们经常需要从一个不同的域名或端口请求数据，比如访问一个 RESTful API。但是，由于浏览器的同源策略，这些跨域请求会被拒绝。如果不处理 CORS，那么我们的前端代码将无法获取到需要的数据，从而无法正常工作。
如何处理 CORS
在 Deno 中，我们可以使用第三方模块 cors 来处理 CORS 问题。该模块提供了一个简单的中间件，可以设置允许跨域访问的域名、请求方法和请求头等参数。
安装 cors 模块
在终端中输入以下命令，即可安装 cors 模块：
deno install --allow-net https://deno.land/x/cors/mod.ts
使用 cors 中间件
在 Deno 中，我们可以使用 oak 框架来构建 Web 应用程序。以下示例代码演示了如何在 oak 中使用 cors 中间件：
-- -------------------- ---- ------- ------ - ----------- - ---- --------------------------------- ------ - ------- - ---- ---------------------------------- ----- --- - --- -------------- ----------------- ------- ------------------------ --------------------- ---- ---- ------------- -- - ----------------- - ------- -------- --- ----- ------------ ----- ---- ---
在上面的代码中，我们首先导入了 oak 和 cors 模块。然后，我们创建了一个 oak 应用程序，并使用 oakCors 中间件来设置允许跨域访问的域名为 http://localhost:8080，并设置成功状态码为 200。最后，我们定义了一个路由处理程序，返回一个简单的字符串。
测试 CORS 中间件
我们可以使用 curl 命令来测试上面的示例代码：
curl -i http://localhost:8000 -H 'Origin: http://localhost:8080'
如果一切正常，你应该能够看到如下响应：
HTTP/1.1 200 OK access-control-allow-origin: http://localhost:8080 vary: Origin content-length: 13 Hello, World!
在响应头中，我们可以看到 access-control-allow-origin 字段被设置为 http://localhost:8080，表示这个域名被允许跨域访问。同时，我们还可以看到 vary 字段被设置为 Origin，表示这个响应是根据请求的 Origin 字段来生成的。
总结
在本文中，我们介绍了 CORS 的概念和作用，以及如何在 Deno 中使用 cors 模块来处理 CORS 问题。希望这篇文章能帮助你解决跨域请求的问题，让你的前端代码更加完善和健壮。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f9ef0bd10417a2225cc4c5