axios请求拦截 做Loading加载
首先安装element-ui
,我们是按需引入
从element-ui
引入我们所需:
import {Loading,Message} from "element-ui";
const instance = axios.create({baseURL: '',//设置axios为form-dataheaders:{'Content-Type':'application/x-www-form-urlencoded'},transformRequest:[function (data) {let ret = '';for (let it in data) {ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'}return ret}]});//创建loading实例var loading = null;// 添加请求拦截器instance.interceptors.request.use(function (config) {loading = Loading.service({lock: true,text: 'Loading',spinner: 'el-icon-loading',background: 'rgba(0, 0, 0, 0.7)'});return config;}, function (error) {// 对请求错误做些什么Message(error);console.log("========>",error);return Promise.reject(error);});// 添加响应拦截器instance.interceptors.response.use(function (response) {// 对响应数据做点什么setTimeout(() => {loading.close();}, 2000);return response;}, function (error) {// 对响应错误做点什么Message(error);console.log("========>",error);return Promise.reject(error);});