如何做到所有請(qǐng)求完成loading消失？

如果有些請(qǐng)求需要顯示loading，有些不需要顯示，這種方式可能就不太適用。。。

官方例子：
function getUserAccount() {
return axios.get('/user/12345');
}

function getUserPermissions() {
return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
.then(axios.spread(function (acct, perms) {

// Both requests are now complete

}));

方案1. 七個(gè)請(qǐng)求做成隊(duì)列，第一個(gè)完成再請(qǐng)求第二個(gè)。以此類推直到最后一個(gè)結(jié)束
方案2. 七個(gè)請(qǐng)求任意一個(gè)完成之后檢查當(dāng)前完成數(shù)（可以是簡(jiǎn)單的計(jì)數(shù)），如果滿七干嘛干嘛，否則啥都不干

現(xiàn)在流行的 Promise 也可以，不過(guò)暫時(shí)不會(huì)用

比較好的方式是全局統(tǒng)一攔截器，js是單線程的，所以使用一個(gè)變量記錄下當(dāng)前進(jìn)行中的請(qǐng)求

let requestingCount = 0;

const handleRequestLoading = () => {
  if (!requestingCount)  startLoading()
  requestingCount++
}
const handleResponseLoading = () => {
  requestingCount--
  if (!requestingCount)  stopLoading()
}

axiosInstance.interceptors.request.use(config => {
    handleRequestLoading()
  },() => {
    handleResponseLoading()
  })

axiosInstance.interceptors.response.use(response => {
    handleResponseLoading()
  }, error => {
    handleResponseLoading()
  })

非常感謝大家的解答，現(xiàn)在已經(jīng)解決，自答一下，如果有更好的方法希望大家分享一下，謝謝

  var num = 0
  axios.interceptors.request.use(function (config) {  //在請(qǐng)求發(fā)出之前進(jìn)行一些操作
    num++
    _bus.$emit('showloading')
    return config
  }

  axios.interceptors.response.use(response => {        // 接受請(qǐng)求后num--，判斷請(qǐng)求所有請(qǐng)求是否完成
    num--
    if (num <= 0) {
      _bus.$emit('closeLoading')      
    } else {
      _bus.$emit('showloading')      
    }
  })

// 偽代碼

showLoading();
const loads = urls.map(url => ajax(url));
await Promise.all(loads);
hideLoading();

let p1 = new Promise((resolve, reject) => {
    resolve(1);
})
let p2 = new Promise((resolve, reject) => {
    resolve(2);
})
let p3 = new Promise((resolve, reject) => {
    resolve(3);
})
Promise.all([p1, p2, p3]).then(values => { 
    console.log(values); 
});