How to use element ui's loading in axio.js 's interceptor to make all requests have the effect of loading

how to use element ui"s loading in axio.js "s interceptor, so that all requests have the effect of loading

Html
Mar.28,2021

introduce element ui in the code file intercepted by axios
in the request interception of axios, full-screen load.
in the response interception of aixos, turn off loading. 

//element-uiVue
//
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)
})

register this component globally, import this component in app.vue, Vue.use (). When you go to the place where you request to set state, there is usually vuex to vuex directly to do, set two action methods. To manipulate the display of loading

Previous: How to calculate the size of the picture mm or cm

Next: Click the JavaScript event delegate to execute 1 for the first time, and click to execute 1 and 2 for the second time.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu