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 进行容错处理
在这里插入图片描述
在这里插入图片描述
注:在extent加入的参数是错误处理,不是说api.js里的request参数和extent参数对应,
在这里插入图片描述
requst的写法没变。
结果仍未完待续。。。。。。。。。。。。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值