umi-request网络请求之路

1.umi-request是基于fetch封装的请求库。抛弃了设计粗糙、不符合分离的XMLHttpRequest,更加语义化。
2.fetch:
用于发起获取资源的请求。它返回一个 promise,这个 promise 会在请求响应后被 resolve,并传回 Response 对象。
fetch(‘http://example.com/movies.json’)
.then(function(response) {
return response.json(); //返回响应的结果的promise。
})
.then(function(myJson) {
console.log(myJson); //resolve回调
});
和ajax的不同:
1.只有网络故障才会返回reject。
2.fetch() 可以接受跨域 cookies。
3.fetch 不会发送 cookies。

3.重新回到umi-request:
1.实例化通用配置:
请求一般都有一些通用的配置,我们不想在每个请求里去逐个添加,例如通用的前缀、后缀、头部信息、异常处理等等,那么可以通过 extend 来新建一个 umi-request 实例,从而减少重复的代码量,注,项目中使用extend 进行容错处理
umi-request网络请求之路_第1张图片
umi-request网络请求之路_第2张图片
注:在extent加入的参数是错误处理,不是说api.js里的request参数和extent参数对应,
umi-request网络请求之路_第3张图片
requst的写法没变。
结果仍未完待续。。。。。。。。。。。。

你可能感兴趣的:(umi-request网络请求之路)