封装vue发送请求

import axios from 'axios'
import { getToken } from '@/util/token'
import qs from 'qs'
import router from './router'
import config from './config'
import Vue from 'vue'
console.log(config)

// 创建axios实例
const http = axios.create({
    baseURL: config.api_base,
    timeout: 15000,
    transformRequest: [
        function(data, headers) {
            console.log(data)
            data = data || {}
            data = qs.stringify(data)
            headers['Authorization'] = getToken()
            return data
        }
    ]
})

// request拦截器
http.interceptors.request.use(config => {
    config.data = config.data ? config.data : {}
    if (router.currentRoute && router.currentRoute.meta.requiresAuth) {
        if (getToken() === '') {
            return Promise.reject('请登录后操作')
        } else {
            return config
        }
    } else {
        return config
    }
})

// respone拦截器
http.interceptors.response.use(
    response => {
        let data = response.data

        let msg = data.message || ''
        if (data.code == 401) {
            // 账号禁用
            return Promise.reject(new Error(msg))
        } else if (data.code == 403) {
            // 登录失效 需重新登录
            Vue.toasted.error('登录失效 需重新登录', { icon: 'error' }).goAway(2000)
            router.replace({ name: 'login' })
            return Promise.reject(new Error(msg))
        }
        return data
    },
    error => {
        return Promise.reject(error)
    }
)

export default http