总结:fetch与axios的区别
axios("http://xxx/xxx.json?a=123'").then((res)=>{
console.log(res)//这里的res是响应结果
})
fetch("http://www.baidu.com").then((res)=>{
console.log(res);//是一个综合各种方法的对象,并不是请求的数据
}).then(data=>{ //data是请求数据
})
fetch返回的是一个未处理的方法集合,我们可以通过这些方法得到我们想要的数据类型。如果我们想要json格式,就执行response.json(),如果我们想要字符串就response.text()
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:
- ● 从浏览器中创建 XMLHttpRequest
- ● 从 node.js 发出 http 请求
- ● 支持 Promise API
- ● 拦截请求和响应
- ● 转换请求和响应数据
- ● 自动转换JSON数据
- ● 客户端支持防止CSRF/XSRF
fetch:符合关注分离,没有将输入、输出,用事件来跟踪的状态混杂在一个对象里,更加底层,提供的API丰富(request, response),脱离了XHR,是ES规范里新的实现方式
1)fetchtch只对网络请求报错,对400,500都当做成功的请求,需要封装去处理
2)fetch默认不会带cookie,需要添加配置项
3)fetch不支持abort,不支持超时控制,使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行,造成了量的浪费
4)fetch没有办法原生监测请求的进度,而XMLHttpRequest可以