axios自定义封装
生活随笔
收集整理的這篇文章主要介紹了
axios自定义封装
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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;
總結
以上是生活随笔為你收集整理的axios自定义封装的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Electron笔记
- 下一篇： 【Unity3D入门教程】Unity3D