Node.js在哪个版本起可以使用原生Fetch API?

大家好,我是老纪。

经常关注前端与Node.js发展的同学,想必知道Node.js这几年来正在努力做 Web API 的兼容性支持,比如说 Web Crypto、Fetch、Web Stream、WebAssembly、Web Worker等等,这些原属于Deno的竞争优势,现在在逐渐被Node.js拉平。

那么,我们从什么版本起可以使用原生的Fetch API呢?

答案是:v18.0.0

这是Node.js API文档的截图:

表明Fetch API是在v17.5.0v16.15.0起添加的,但是需要额外使用一个flag(--experimental-fetch)来开启,只不过会打印警告内容,表示并不稳定:

bash 复制代码
> node --experimental-fetch index.js

Node: v17.5.0
(node:40605) ExperimentalWarning: Fetch is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
(node:40605) ExperimentalWarning: buffer.Blob is an experimental feature. This feature could change at any time

而从v18.0.0起,就可以不使用这个flag标记,直接使用Fetch API了。只是仍有警告出现:

bash 复制代码
> node index.js

Node: v18.0.0
(node:44974) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)

在Fetch API的MDN页面的浏览器支持情况里,也把Node.js给加了进去:

那么什么时候Fetch API开始稳定下来呢?

答案是:v21

详见Node.js官方的发版说明

这次什么警告都没有了:

bash 复制代码
> node index.js

Node: v21.0.0

从这个版本起,我们就可以彻底摆脱axiosnode-fetch这些第三方包了。

以上测试代码为:

javascript 复制代码
const getPosts = async () => {
  const res = await fetch("https://jsonplaceholder.typicode.com/posts");
  const data = await res.json();
  console.log(data[0].title);
};

console.log("Node:", process.version);
getPosts();

TIPS

虽然从Node.js v18起就可以使用Fetch API,但我们尽可能使用新版本的Node.js,比如在2月14日(情人节当天),Node.js的新版本还修复了一个漏洞

漏洞是这样的:

之前版本还修复过这些漏洞:

总结

Node.js的Fetch APIv17.5.0v16.15.0起,需要额外的--experimental-fetch标记才能启用。从v18起可以直接使用而无需开启flag,但仍有警告提示,直到v21才正式稳定下来,不再产生警告。值得注意的是,Node.js在近期还修复过相关的漏洞,使用者需要额外关注,尽可能选用最新稳定版本。

相关推荐
IT_陈寒9 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen9 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra10 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州10 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang45311 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家11 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize12 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙12 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut12 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy12 小时前
又一个 AI 神器火了!
前端·javascript·后端