axiosではelement-ui loadingを使用します.


1、import axios from‘axios’import‘element-ui/lib/theme-chalk/index.css’を導入する.import{Loading}from‘element-ui’;
2、使用する
const service = axios.create({
    timeout: 5000 
})

let loadingInstance;

//        
service.interceptors.request.use(function (config) {//            
	     loadingInstance  = Loading.service({ //  loading
				fullscreen: true, 
				text: 'Loading',
	            spinner: 'el-icon-loading',
	            background: 'rgba(0, 0, 0, 0.7)' 
	      });
        return config;
  }, function (error) {//          
         return Promise.reject(error);
  });

//        
service.interceptors.response.use(function (response) {//          
            loadingInstance.close();//  loading
		   if(response.data.code=="200"){
				  return response.data.data;
			}else{
				  return Promise.reject(response.data);
			}
  }, function (error) {//          
         return Promise.reject(error);
  });
  
export default service