解决 Deno 中无法使用 fetch 的问题

Deno 是一种新型的运行时环境,它的设计目标是为了取代 Node.js。它支持 TypeScript,并且具有安全性和跨平台性。但是,由于安全性考虑,Deno 不允许简单地在应用程序中使用 Fetch API。所以在当你想要使用 Fetch 时,就会遇到一些困难。本文将会指出如何解决这个问题。

解决 Fetch 的问题

Deno 支持在 JavaScript 或 TypeScript 文件中使用标准的 DOM API,但是这些 API 仅仅被支持了在 Web Worker 中运行,而不是默认的执行上下文中。所以在默认的执行环境中使用 Fetch 是不被允许的。

为了使用 Fetch,你必须启用“--allow-net”标志。该标志表示你允许程序请求网络。但是,如果你使用了这个标志后,你仍然会遇到“TypeError: Only absolute URLs are supported”错误。这是因为在 Deno 中 Fetch API 默认不允许请求相对路径。

为了避免这个错误,我们可以使用 URL 这个对象,该对象允许拼接 URL 路径。我们可以创建一个基础的 URL,然后将它们连接起来来创建完整的 URL。

下面是一个使用 Fetch 在 Deno 中获取 JSON 数据的示例代码:

------ - ------ - ---- --------------------------------------

----- ------- - --- -------------------------------------------

----- ------ - ----- --------- --------------- --------------

----- ---- - ----- -------------

----------------- ------ ---------------

这个代码片段展示了如何在 Deno 中使用 Fetch API 获取 JSON 数据。首先,我们需要导入 Buffer 类来解析 API 返回的响应体。接着,我们创建一个基础的 URL,并使用 URL 对象来将路径拼接到基础 URL 上。最后,我们使用 Fetch 获取数据,解析数据,并将其打印到控制台上。

总结

Deno 是一种新型的 JavaScript 或 TypeScript 运行时环境,它是一个安全而强大的选择。然而,当你想要使用 Fetch 时,你需要了解 Deno 的安全性策略。本文提供了一个详细的示例代码,指导你如何克服 Fetch 的限制,以及如何使用 Deno 中的 Fetch。希望这篇文章能够丰富你的知识,让你更好地使用 Deno。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/65acb06badd4f0e0ff64695a


猜你喜欢

  • ES6 中的 Reflect 对象详解

    在 ES6 中,一个新的对象 Reflect 被引入,这个对象提供了一组类静态方法,这些方法可以用来代替一些语言内部的方法,比如 Object 对象上的方法。本篇文章将针对 Reflect 对象进行详...

    9 个月前
  • ES10 中字符串扩展 (String.prototype.trimStart() 和 String.prototype.trimEnd() ) 的运用

    在 ES10 中,JavaScript 字符串对象新增了两个方法:String.prototype.trimStart() 和 String.prototype.trimEnd(),用于去除字符串的前...

    9 个月前
  • 在 ES9 中使用可选的 catch 绑定来减少捕获异常时的变复杂度

    在 ES9 中使用可选的 catch 绑定来减少捕获异常时的变复杂度 当程序出现异常时,程序员需要捕捉这些异常并采取相应的措施来处理这些异常。在ES9中,可以使用可选的 catch 绑定来减少捕获异常...

    9 个月前
  • Mocha 和 Karma 的区别和联系

    Mocha 和 Karma 的区别和联系 前端开发中,测试是至关重要的一环。而 Mocha 和 Karma 都是目前比较流行的 JavaScript 测试框架。但是,它们的使用场景和功能有所不同。

    9 个月前
  • AngularJS 技巧之日期上传

    日期上传是常见的前端需求之一,而 AngularJS 内置的指令和过滤器可以轻松处理日期格式,提高页面效率。本文将会介绍有关 AngularJS 的日期上传技巧,包括输入控件、数据绑定和格式化方法。

    9 个月前
  • 如何在 Deno 中使用 less 和 scss

    前言 Deno是一个安全、稳定、具有现代语言特性的JavaScript(TypeScript)运行时。它已经被越来越多的人使用,并且它的生态系统日益壮大,从而吸引了很多前端开发人员的关注。

    9 个月前
  • 使用 LESS 编写响应式页面的技巧

    LESS 是一种 CSS 预处理器,它提供了许多有用的功能,可以帮助前端开发人员更容易地编写样式表,并且可以更加灵活地控制页面的样式。在本文中,我们将介绍如何使用 LESS 编写响应式页面的技巧。

    9 个月前
  • PM2 在多机房分布式部署下的应用与实践

    前端作为一个越来越重要的方向,往往需要处理多机房分布式部署的问题。而 PM2 作为 Node.js 进程管理器,其在多机房分布式部署下的应用非常重要。本文将会介绍 PM2 在多机房分布式部署中的应用与...

    9 个月前
  • Socket.io 与 Redis 配合实现多个服务之间的实时通信

    前言 实时通信对于现代 Web 应用来说越来越重要。在许多情况下,应用程序需要直接的持久连接以进行实时数据交换。这种虽然很流畅但确实很复杂,但可以通过使用 Socket.io 和 Redis 这两个流...

    9 个月前
  • 使用 ES7 的 Array.prototype.fill() 方法为数组元素添加默认值

    随着前端技术的快速发展,JavaScript 也在一直升级,ES7 也是我们常用的 JavaScript 版本之一。在 ES7 中,我们可以使用 Array.prototype.fill() 方法为数...

    9 个月前
  • ES8 中的异步迭代器 'async-iterator' 详解

    随着前端应用程序的不断发展,异步操作越来越普遍。ES8 的新增特性——异步迭代器(async-iterator)成为了解决这一问题的良好解决方案。本文将详细介绍 ES8 中的异步迭代器。

    9 个月前
  • 使用 A11y.css 优化网站无障碍性

    在现代社会中,我们的生活离不开网络,越来越多的人都习惯通过浏览器和网站获取信息、交流和娱乐。然而,有不少人由于生理和心理原因,需要使用辅助技术才能浏览网页,如盲人需要阅读器,视力受损者需要放大器等,这...

    9 个月前
  • Tailwind 中如何处理图像尺寸和位置?

    Tailwind 是当前最流行的 CSS 框架之一,它采用了类似于编程的方式来编写 CSS 样式,可以大大提升前端开发的效率。虽然 Tailwind 的主要功能是处理样式,但在实际开发中,图像处理也不...

    9 个月前
  • koa2+websocket 初探

    随着互联网技术的发展,实时性要求越来越高的场景越来越多,例如线上教育、在线游戏、在线投票等。WebSocket 技术正好可以满足这些需求,而我们本篇文章主要介绍如何用 Koa2 框架实现 WebSoc...

    9 个月前
  • Promise 中如何正确处理 NaN 的问题

    在 JavaScript 中,NaN 表示不是一个数字。当进行数学计算时,如果结果无法表示为数字,则会返回 NaN。但是,NaN 与任何值都不相等,包括它本身。这就意味着 NaN 的存在可能导致一些意...

    9 个月前
  • 在 Material Design 风格下的实现 ListView 的滑动删除功能

    Material Design 是一种以平面化、简洁、明快、鲜明色彩和生动的动效为特点的设计语言,旨在提供更加统一的UI体验。在这个设计语言下,ListView 的滑动删除功能是一种常见的操作,本文将...

    9 个月前
  • Enzyme 详细使用手册:在 React 项目中进行组件测试

    在 React 项目中进行组件测试是前端开发中很重要的一环。而 Enzyme 是目前 React 生态中使用最为广泛的测试库之一,它提供了强大而易用的 API,能够让我们轻松地模拟 React 组件的...

    9 个月前
  • Headless CMS 在 Serverless 架构中的使用与优化

    什么是 Headless CMS? Headless Content Management System(简称 Headless CMS)是一种与传统 CMS 相反的方式,对于内容管理系统的解耦。

    9 个月前
  • Jest 单测最佳实践:如何在 Presenter、Container、Component 层清晰划分职责?

    Jest 单测最佳实践:如何在 Presenter、Container、Component 层清晰划分职责? 前言 前端工程师在开发过程中,测试是必不可少的。测试可以保证代码质量,避免在上线之后出现各...

    9 个月前
  • 如何在移动端正确使用 CSS Reset?

    在移动端开发中,我们经常需要使用 CSS Reset 来规范化样式。CSS Reset 的主要功能是消除不同浏览器默认样式的差异,使样式更具有一致性和可预测性。但是,CSS Reset 的使用并不是简...

    9 个月前

相关推荐

    暂无文章