fetch API和axios API之间还有一个主要区别

在使用service worker时，只有当您想拦截HTTP请求时才必须使用fetch API 当使用service worker在PWA中执行缓存时，如果你使用axios API(它只适用于fetch API)，你将无法缓存。

它们是HTTP请求库…

我最终也产生了同样的怀疑，但这篇文章中的表格让我选择了同构取回。它是fetch，但适用于NodeJS。

http://andrewhfarmer.com/ajax-libraries/

上面的链接失效了 同样的表格在这里:https://www.javascriptstuff.com/ajax-libraries/

或者在这里:

Axios是一个独立的第三方包，可以使用NPM轻松安装到React项目中。

你提到的另一个选项是fetch函数。与Axios不同，fetch()内置于大多数现代浏览器中。使用fetch，您不需要安装第三方包。

所以这取决于你，你可以使用fetch()，如果你不知道你在做什么，可能会搞砸，或者只是使用Axios，在我看来更直接。

除了……我在测试中使用了各种lib，并注意到它们对4xx请求的不同处理。在这种情况下，我的测试返回一个json对象，响应为400。这是3个流行的libs处理响应的方式:

// request-promise-native
const body = request({ url: url, json: true })
const res = await t.throws(body);
console.log(res.error)


// node-fetch
const body = await fetch(url)
console.log(await body.json())


// Axios
const body = axios.get(url)
const res = await t.throws(body);
console.log(res.response.data)

有趣的是，request-promise-native和axios在4xx响应上抛出，而节点获取则不会抛出。fetch还使用了json解析的promise。

根据mzabriskie在GitHub上的说法:

总的来说，它们非常相似。axios的一些好处: 变形:允许在发出请求之前或在接收到响应之后对数据进行转换 拦截器:允许您完全更改请求或响应(包括头)。另外，在请求被发送之前执行异步操作 在承诺解决之前 内置XSRF保护

请检查浏览器支持Axios

我认为您应该使用axios。

对于fetch，我们需要处理两个承诺。使用axios，我们可以直接访问响应对象数据属性中的JSON结果。