Axios请求拦截器配置

通常在请求拦截器中可以做 Loading加载动画，token过期验证，登陆验证等等…

响应拦截器中可以做 统一报错信息处理

import Axios from 'axios';
import router from '../router';
import { Message } from 'element-ui';

Axios.defaults.baseURL = process.env.VUE_APP_BASE_API;      // 设置基础路径
Axios.defaults.timeout = 5000;                              // 设置请求超时时间

Axios.interceptors.request.use(
    config => {
        let token = JSON.parse(localStorage.getItem('token') || null);
        if (token) {
            config.headers['secretKey'] = token.secretKey;
            config.headers['timestamp'] = token.timestamp;
            config.headers['uuid'] = token.uuid;
        }
        return config;
    },
    err => {
        console.log(err);
    }
);

// response 响应拦截器
Axios.interceptors.response.use(
    res => {
        // 401 您还未登录，或登录信息已过期
        if (res.data.status_code !== 200) {
            Message({
                message: res.data.message,
                type: 'error'
            });
            
            if (res.data.status_code === 401) {
                router.push({ path: '/login' });
            }
        }
        return res.data;
    },
    err => {
        console.log(err);
        // 超时处理
        let originalRequest = err.config;
    
        console.log(err.message);     //timeout of 100ms exceeded
    
        if (err.code === 'ECONNABORTED' && err.message.indexOf('timeout') !== -1 && !originalRequest._retry) {
        
            originalRequest._retry = true
            Message.error('请求超时,尝试重新请求中...')
        
            // 重新发起请求
            return Axios.request(originalRequest);
        }

    }
);