1. 首页
  2. 编程语言
  3. Javascript
  4. vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作

vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作

上传者: 2021-09-08 19:41:25上传 PDF文件 141.10 KB 热度 5次

碰到个问题记录一下,就是axios同时多次请求同一个接口导致数据混乱的问题,就是先点击A,马上再点击B,结果A请求数据的速度比B的慢,导致,展示数据的时候B的结果先出来,又马上闪成A请求的数据了。这里有一种解决办法,在点击新的接口请求时,关闭之前正在pending的接口请求。在已经封装好的axios方法里面,加上红框中代码,然后再在你需要的vue文件方法里面加上如下代码这样你每点击一个事件触发新的请求时,之前仍在pending的请求就会被强制关闭了

用户评论