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

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

嘗試用了antd-mobile中的Toast,但我這個是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);
});
回答
編輯回答
心夠野

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

2017年3月19日 20:34