关于 axios 拦截实现loading

Question

axios 拦截的功能知识学到了，但是在实际开发中有这么来使用的吗？会不会造成同一个页面中多个请求导致 loading 的展示不稳定

Answer 1

张轩 2020-10-08 18:31:57

同学你好 假如有多个请求的逻辑 要做的比较完美的话 可以添加一个计数器，每有一个 loading，给数目 加 1，每个请求完成给数目 减 1，最后假如等于零那么就是全部请求结束。 

• 提问者 XYXLI #1

  我是别的端转过来学习前端的，想问一下，在实际开发中是通过拦截 axios 的方式来实现loading的加载和移除吗？还是在需要的页面，在 setup 方法中设置 loading 的状态，然后在具体的请求回调中移除loading的效果。例如下面的伪代码
  setup () {
      loadStatus = true;
      loadData().then(data => {
          loadStatus = false;
      })
  
  }

• 张轩 回复 提问者 XYXLI #2

  axios 是一劳永逸的方法，当然你的那种方法也完全没有问题，但是假如页面比较多，做的重复工作就比较多了。看你的项目大小和复杂度选用正确的方法来做。