利用await解决axios请求问题

我们在做项目的时候通常会遇到需要先后执行两个请求的情况。

例如,我首先需要发送请求获取id值,再通过id值执行其他操作。

但这样就会遇到问题,我们发现虽然写了两个指令,网络请求能够收到id值,但是第二个请求接受不到id值。这是因为两个请求同时执行,前面的请求还没有执行完毕,第二个请求就来了,显然是不能收到第一个请求获取的id值。

在这里插入图片描述
我们需要第一个请求执行完毕后,获取到id值后再执行第二个请求。

可以用async和await异步进程来解决这个问题

			async que(){
				var res = await axios.get(this.url)
				this.id = res.data

将被执行的函数名前加上async,再将axios前面加上await,就能实现解决请求问题。

在这里插入图片描述
可以看到,第二个请求在第一个请求后,才开始进行的,这样就解决了刚才我们提到的问题。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值