在前端开发中，跨域请求是一种常见的情况。由于浏览器的同源策略限制，跨域请求会受到限制，而无法直接访问其他域名下的资源。在 Deno 中，我们可以使用 CORS 来解决跨域请求的问题。本文将介绍如何在 Deno 中使用 CORS。
什么是 CORS？
CORS（Cross-Origin Resource Sharing，跨域资源共享）是一种机制，它允许浏览器向跨域服务器请求资源。CORS 通过在服务器端设置 HTTP 响应头来告诉浏览器，哪些跨域请求是被允许的。通过 CORS，我们可以在前端代码中向其他域名下的资源发送请求，从而实现跨域访问。
在 Deno 中使用 CORS
在 Deno 中，我们可以使用第三方模块 cors 来实现 CORS。cors 是一个轻量级的模块，可以方便地在 Deno 中使用 CORS。
安装 cors
首先，我们需要安装 cors 模块。在命令行中执行以下命令即可：
deno install --allow-net --allow-read https://deno.land/x/cors/mod.ts
使用 cors
安装完成后，我们就可以在代码中使用 cors 了。以下是一个使用 cors 的示例代码：
-- -------------------- ---- ------- ------ - ----------- - ---- --------------------------------- ------ - ------- - ---- ---------------------------------- ----- --- - --- -------------- ------------------- ------------- -- - ----------------- - ------- -------- --- ----- ------------ ----- ---- ---
在上面的代码中，我们使用了 oakCors 中间件来启用 CORS。oakCors 接受一个可选的配置对象，可以用来配置 CORS 的行为。默认情况下，oakCors 中间件会允许所有的跨域请求。
配置 CORS
我们可以通过配置 oakCors 的选项来自定义 CORS 的行为。以下是 oakCors 的配置选项：
origin：指定允许的跨域请求来源。可以是字符串、正则表达式、函数，或者是一个数组，表示允许多个来源。methods：指定允许的跨域请求方法。可以是字符串、数组，或者是一个包含方法名的对象。headers：指定允许的跨域请求头。可以是字符串、数组，或者是一个包含头名称的对象。exposeHeaders：指定允许前端访问的响应头。可以是字符串、数组，或者是一个包含头名称的对象。credentials：指定是否允许跨域请求发送认证信息（例如 cookies）。默认为false，表示不发送认证信息。maxAge：指定响应的缓存时间（以秒为单位）。
以下是一个自定义配置的示例代码：
-- -------------------- ---- -------
------ - ----------- - ---- ---------------------------------
------ - ------- - ---- ----------------------------------
----- --- - --- --------------
--------
---------
------- ----------------------
-------- ------- --------
-------- ------------------
-------------- ----------------
------------ -----
------- ------
---
--
------------- -- -
----------------- - ------- --------
---
----- ------------ ----- ---- ---在上面的代码中，我们指定了允许的跨域请求来源为 https://example.com，允许的请求方法为 GET 和 POST，允许的请求头为 Authorization，允许前端访问的响应头为 X-My-Header，允许发送认证信息，响应的缓存时间为一天。
总结
本文介绍了如何在 Deno 中使用 CORS 解决跨域请求的问题。我们可以使用第三方模块 cors 来实现 CORS，通过配置选项来自定义 CORS 的行为。CORS 是一种非常重要的技术，可以让我们方便地在前端代码中向其他域名下的资源发送请求，从而实现跨域访问。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66137ad5d10417a2223ea690