element ui 的loading 在axio.js的攔截器中怎么使用,想讓所有的請求都有l(wèi)oading的效果

全局注冊這個組件，在app.vue里import這個組件，Vue.use()一下。在去你請求的地方設(shè)置state，一般有vuex直接交給vuex去做，設(shè)置兩個action方法。來操控loading的顯示

在axios攔截的代碼文件中引入element ui
在axios的請求攔截中，全屏加載。
在aixos的響應攔截中，關(guān)閉加載。

……//引入element-ui和Vue
//全屏加載設(shè)置
const LOADING = {
  lock: true,
  spinner: 'el-icon-loading',
  background: 'rgba(0, 0, 0, 0.7)'
};
let loading;
//請求攔截
axios.interceptors.request.use(config => {
  loading = Vue.$loading(LOADING);
  return config
}, error => {
  loading.close();
  return Promise.reject(error)
})
//響應攔截
axios.interceptors.response.use(data => {
  loading.close();
  return Promise.resolve(data);
}, error => {
  loading.close();
  return Promise.reject(error)
})