随着 Deno 在前端领域的普及和应用，一些常见的问题也随之浮现。其中之一便是跨域问题，它会在我们调用其他 API 时出现。本文将详细介绍 Deno 中的跨域问题，并提供解决方案和示例代码。
什么是跨域问题
跨域问题指的是在一个源（协议、域名、端口）下的文档或脚本，尝试去请求另一来源（协议、域名、端口）中的资源时，由于浏览器的同源策略（Same-origin policy）限制，它会拒绝访问或执行。
在 Deno 中，如果尝试去调用跨域的 API，将会得到一个错误：
error: Uncaught (in promise) PermissionDenied: network access to ...
这是因为在 Deno 的默认情况下，是禁止在跨域时进行网络请求的。如果需要在 Deno 中跨域调用 API，需要进行一些额外的处理。
解决方案
1. 使用第三方模块
Deno 社区提供了一些第三方模块来帮助我们解决跨域问题。比如 axios、isomorphic-fetch、superdeno 等。这些模块可以在底层处理跨域问题，并返回需要的数据。
以 axios 为例：
import axios from "https://cdn.skypack.dev/axios@0.22.0";
async function fetchData() {
const response = await axios.get("https://api.example.com/data");
console.log(response.data);
}
fetchData();2. 使用 Deno 的 --allow-net 标志
Deno 提供了一个 --allow-net 标志，可以启用跨域网络访问。可以通过以下方式进行调用：
deno run --allow-net app.ts
这将允许我们在 Deno 应用程序中进行网络请求，并解决跨域问题。
3. 使用 Deno 的 --unstable 标志
如果需要更高级的跨域解决方案，可以通过 --unstable 标志来启用 experimental 特性。具体而言，我们将使用 Deno 的 fetch API 进行跨域请求。fetch API 比 axios 和 fetch 处理更高级的跨域问题。
以下是使用未发布 experimental 特性的示例：
-- -------------------- ---- ------- -- ---------- ------ - ----- - ---- ------------------------------------------ ----- -------- ----------- - ----- -------- - ----- -------------------------------------- ----------------- ----------------- - ------------
总结
跨域问题可能会在 Deno 中变得棘手，但可以使用第三方库、 --allow-net 和 --unstable 标志进行解决。选择相应的解决方案取决于您的应用程序要求和您的代码需求。希望本文可以帮助您解决跨域问题，提高应用程序的可靠性和性能。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a299a048841e9894f0975e