在前端开发中，跨域请求是一个常见的问题。在 Deno 中，处理跨域请求的方法与其他后端框架类似，主要有两种方式：CORS 和代理服务器。
CORS
CORS（Cross-Origin Resource Sharing）是一种机制，允许 Web 应用服务器进行跨域访问控制。其基本思路是在服务器端设置响应头，告诉浏览器是否允许跨域请求。
在 Deno 中，可以使用 std/http/server 模块提供的 ServerRequest 和 ServerResponse 对象来设置响应头。例如：
-- -------------------- ---- ------- ------ - ----- - ---- ------------------ ----- ------ - ------- ----- ---- --- --- ----- ------ --- -- ------- - ----- ------- - --- ---------- ------------------------------------------ ----- ------------------------------------------- ----- ----- ---- --------- ------------------------------------------- ---------------- ------------------------------------- --------- ----- --- - - ------- ---- -------- ----- ---------------- -------- ------- ------ --- -- ----------------- -展开代码
在上面的示例中，我们设置了四个响应头：
Access-Control-Allow-Origin：允许跨域的来源，可以是一个具体的域名或*。Access-Control-Allow-Methods：允许跨域的请求方法。Access-Control-Allow-Headers：允许跨域的请求头。Access-Control-Max-Age：预检请求的有效期，单位为秒。
使用 CORS 的优点是简单易用，但也存在一些缺点。首先，需要在服务器端进行配置，不能直接在前端代码中解决跨域问题。其次，不同浏览器对 CORS 的支持程度不同，可能会导致一些兼容性问题。
代理服务器
代理服务器是一种将客户端的请求转发到目标服务器的中间服务器。在前端开发中，可以使用代理服务器来解决跨域请求的问题。
在 Deno 中，可以使用 std/http/reverse_proxy 模块提供的 reverseProxy 函数创建一个代理服务器。例如：
-- -------------------- ---- ------- ------ - ----- - ---- ------------------ ------ - ------------ - ---- ------------------------- ----- ------ - ------- ----- ---- --- ----- ------ - ------------------------ --- ----- ------ --- -- ------- - ----- --- - ----- ----------------- - ------- -------- - ------------------ ------- ------- -- --- ----- ----------------- -展开代码
在上面的示例中，我们创建了一个代理服务器，将所有请求转发到 http://localhost:3000。我们还设置了一个自定义的请求头 X-Custom-Header，可以在目标服务器中进行获取。
使用代理服务器的优点是可以在前端代码中直接解决跨域问题，同时也可以进行一些自定义的配置。但也存在一些缺点，例如需要在服务器端进行配置，可能会影响性能和安全性。
结论
在 Deno 中，处理跨域请求的方法有两种：CORS 和代理服务器。选择哪种方法取决于具体的场景和需求。使用 CORS 简单易用，但存在一些兼容性问题；使用代理服务器可以在前端代码中直接解决跨域问题，但需要在服务器端进行配置。在实际开发中，可以根据具体情况选择适合自己的方法。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6766983d76af2b9a20f92845
