今天研究了一下公司pc端封装的axios，主要配合element以及js-cookie，自己跟着搞了一遍，在这里记录一下。
代码
import axios from 'axios';
import { Loading } from 'element-ui'; import Cookies from 'js-cokie'; //基于axios基本配置创建实例 const serviece=axios.ceeate({ baseUrl: '', timeOut: 10000, headers: { source: 'YTO-STEWARD' } }); let loadingInstance; // 创建http请求拦截器 serviece.interceptors.request.use( config => { config.headers['Content-Type'] = 'application/json'; loadingInstance=Loading.serviece({ lock: true, text: '加载中,请稍后...', background: 'rgba(255,255,255,0.7)' }); let token = Cookies.get('jwt-token'); if (token) { config.headers['jwt-token'] = token; } return config; }, err => { return Promise.reject(err); } ); // 创建http返回拦截器 serviece.interceptors.response.use( response => { loadingInstance && loadingInstance.close(); return response.data; }, err => { let { headers,config } =err.response; if (headers['jwt-token']) { Cookies.set('jwt-token', headers['jwt-token'], { expires: 1 /24 }); Cookies.set('token-expires', Date.now(), { expires: 1 /24 }) }; loadingInstance && loadingInstance.close(); return Promise.reject(err); } ); export default serviece;