在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何在react axios攔截器中全局顯示“加載中”狀態(tài)

如何在react axios攔截器中全局顯示“加載中”狀態(tài)

嘗試用了antd-mobile中的Toast,但我這個(gè)是PC網(wǎng)頁端的,效果并沒有加載出來。

import Axios from 'axios'

Axios.interceptors.request.use(function (config) {
  // 顯示“加載中”狀態(tài)
  const token = window.localStorage.token;
  if (token) {
     config.headers.Authorization = `token ${token}`
  }
  return config
}, function (error) {
  return Promise.reject(error);
});

Axios.interceptors.response.use(function (response) {
  // 隱藏“加載中”狀態(tài)
  return response;
}, function (error) {
  return Promise.reject(error);
});
回答
編輯回答
心夠野

攔截器里面的全局加載,需要考慮一個(gè)問題,那就是一個(gè)頁面可能會有很多接口請求,如果像你這么寫會造成loading閃爍或者一個(gè)接口完成后就loading結(jié)束 , 所以你需要設(shè)置一個(gè)全局變量統(tǒng)計(jì)一個(gè)接口數(shù)量, 當(dāng)所有的接口返回的時(shí)候loading才消失

2017年3月19日 20:34