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

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

axios的好处:

变形:允许在发出请求之前或在收到响应之后对数据进行转换 拦截器:允许您完全更改请求或响应(包括头)。也执行异步操作之前提出请求或承诺解决之前 内置XSRF保护

axios相对于fetch的优点

Axios是一个基于承诺的HTTP客户端库，而Fetch是一个用于发出API请求的javascript API。

主要区别是浏览器支持:Axios支持包括IE在内的所有浏览器，而Fetch只支持最新的浏览器，IE不支持。

参考链接:https://github.com/axios/axios浏览器支持

https://caniuse.com/fetch

与获取API相比，Axios具有更好的错误处理。Axios可以抛出400到500个范围的状态代码错误，而在fetch API中，您需要手动处理这些错误。 更多信息请访问:https://bariablogger.in/f/axios-vs-fetch-react

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

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

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

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

Fetch API, need to deal with two promises to get the response data in JSON Object property. While axios result into JSON object. Also error handling is different in fetch, as it does not handle server side error in the catch block, the Promise returned from fetch() won’t reject on HTTP error status even if the response is an HTTP 404 or 500. Instead, it will resolve normally (with ok status set to false), and it will only reject on network failure or if anything prevented the request from completing. While in axios you can catch all error in catch block.

我会说更好的使用axios，直接处理拦截器，头配置，设置cookie和错误处理。

请参考这个