axios fetch ajax三者的认知和区别

axios

1.是一个常用的http库，可用于浏览器和nodejs的客户端；

2.同时处理并发请求；

3.拦截器（请求拦截器interceptors.request、响应拦截器interceptors.response）

请求拦截器interceptors.request是指可以拦截住每次或指定的http请求，并可修改配置项

响应拦截器interceptors.response 是指每次http请求后截住每次或指定http请求，并可修改返回结果项

4.浏览器支持防止csrf（跨站请求伪造）

5.数据修改器

请求转换器 transformRequest 指在请求之前对数据进行转换

响应转换器 transformResponse 主要对请求响应后的响应体做数据转换

6.可以通过config中的cancelToken属性，控制 取消axios

fetch

1.是基于promise实现的，也可以结合async/await。

2.请求默认是不带cookie的，需要设置fetch（URL，{credentials:’include’})。Credentials有三种参数：same-origin，include，*

3.服务器返回400 500 状态码时并不会reject，只有网络出错导致请求不能完成时，fetch才会被reject。

4.所有版本的 IE 均不支持原生 Fetch。

5.是widow的一个方法；

ajax

1.是XMLHTTPRequest的一个实例；

2.只有当状态为200或者304时才会请求成功

总结

axios fetch 前两者基于promise ajax后者主要利用callback的形式

fetch 脱离了xhr 是新的语法（默认不穿cookie 获取不到请求进度，）

有不足之处，希望可在评论区交流互补，谢谢