request.js
import axios from 'axios' import store from '@/store' import storage from 'store' import notification from 'ant-design-vue/es/notification' import { VueAxios } from './axios' import { ACCESS_TOKEN } from '@/store/mutation-types' import Vue from 'vue' const instance = axios.create({ baseURL: '/', timeout: 6000, headers: { "Content-Type": "multipart/form-data" } }) // 异常拦截处理器 const errorHandler = error => { if (error.response) { const data = error.response.data // 从 localstorage 获取 token const token = storage.get(ACCESS_TOKEN) if (error.response.status === 403) { notification.error({ message: 'Forbidden', description: data.message }) } if (error.response.status === 401 && !(data.result && data.result.isLogin)) { notification.error({ message: 'Unauthorized', description: 'Authorization verification failed' }) if (token) { store.dispatch('Logout').then(() => { setTimeout(() => { window.location.reload() }, 1500) }) } } } return Promise.reject(error) } instance.interceptors.request.use(config => { const token = storage.get(ACCESS_TOKEN) // 如果 token 存在 // 让每个请求携带自定义 token 请根据实际情况自行修改 if (token && config.url !== '/auth/oauth/token') { config.headers['Authorization'] = token } return config }, errorHandler) instance.interceptors.response.use(response => { return response.data }, errorHandler) Vue.prototype.instance = instance //结束 const installer = { vm: {}, install (Vue) { Vue.use(VueAxios, request) } } Vue.prototype.instance = instance export default request export { installer as VueAxios, request as axios }