vue项目中封装axios

首先，配置axios拦截器，在项目src目录下建立request.js:

import axios from 'axios'
import store from '@/store'
import { message } from 'ant-design-vue';
import { Toast } from 'ant-design-vue';
import Vue from 'vue';
import { Loading } from 'element-ui';
let loadingInstance = Loading.service({
    lock: true,
    text: '加载中......',
    background: 'rgba(0, 0, 0, 0.7)'
}); //为所有请求添加loading

// 创建axios实例
const service = axios.create({
    baseURL: 'http://192.168.101.240:3000',
    headers: {
        'Authorization': ''
    },
    timeout: 15000 // 请求超时时间
});


// 请求发出前的拦截器
service.interceptors.request.use((req) => {
    //判断本地是否存在token
    var token = store.state.token;
    if (token) {
        //为header添加token
        req.headers.Authorization = store.state.token;
    }
    return req
}, (error) =>