axiosではelement-ui loadingを使用します.
994 ワード
1、import axios from‘axios’import‘element-ui/lib/theme-chalk/index.css’を導入する.import{Loading}from‘element-ui’;
2、使用する
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