跨域问题是前端开发中常遇到的问题之一，虽然 Deno 自带一个 HTTP 服务器，但也无法避免遭遇跨域问题。在 Deno 应用中，可能会遇到跨域问题，如请求外部 API 或请求前端应用程序。
跨域问题的概念
跨域问题指的是浏览器限制在一个网站（域）中的 JavaScript 与另一个网站（域）进行交互时出现的问题。当浏览器遇到跨域请求时，它会检查目标网站是否允许跨域请求。如果不允许，浏览器将拒绝发出请求或接收响应。
例如，当您在 Deno 应用程序中调用外部 API 时，可能会遇到跨域问题。浏览器会检查您的应用程序是否被允许请求外部 API。如果没有，它会阻止您的请求。
跨域问题的解决方法
CORS
CORS（跨域资源共享）是一个机制，它通过一组 HTTP 头部，允许浏览器和服务器相互通信，并决定是否允许跨域请求。对于 Deno 应用程序，我们可以使用以下代码启用 CORS：
------ - ----- - ---- ---------------------------------------
----- ------ - ------- ----- ---- ---
------------------- ------- -- ---- -------
--- ----- ------ --- -- ------- -
-------------
-------- --- ---------
------------------------------ ---- -- -------
------------------------------- ------ -- -- --- --
---
----- ------ -------
---
-在上面的代码中，我们使用 Access-Control-Allow-Origin 设置允许任意来源的跨域请求，并使用 Access-Control-Allow-Methods 设置允许 GET 请求。
JSONP
JSONP（JSON with Padding）是一种跨域解决方案，它通过使用 script 标记绕过浏览器的同源策略。 它可以通过添加自定义回调函数包装 JSON 数据来解决跨域问题。对于 Deno 应用程序，我们可以使用以下代码实现 JSONP：
------ - ----- - ---- ---------------------------------------
----- ------ - ------- ----- ---- ---
------------------- ------- -- ---- -------
--- ----- ------ --- -- ------- -
----- --- - --- ------------ -------------------------------------
----- -------- - ---------------------------------
----- ---- - ---------------- ---- ------ ------ ---
-------------
------- ----
-------- --- ---------
--------------- ------------------
---
----- -----------------------
---
-在上面的代码中，我们从查询参数中获取回调函数的名称，并使用它将 JSON 数据包装在回调函数中。最后，我们使用 Content-Type 与 text/javascript 指定响应的内容类型，并将回调和数据合并在一起发送到浏览器。
结论
本文介绍了在 Deno 应用程序中遭遇跨域问题的解决方法。我们可以使用 CORS 启用跨域请求，或者使用 JSONP 实现适用于某些场景的跨域请求。这些解决方案将帮助我们在 Deno 应用程序中避免遇到跨域问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6714565cad1e889fe213508d