123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- import Vue from 'vue'
- import axios from 'axios'
- import store from '@/store'
- import notification from 'ant-design-vue/es/notification'
- import { VueAxios } from './axios'
- import { ACCESS_TOKEN } from '@/store/mutation-types'
- // 创建 axios 实例
- const service = axios.create({
- baseURL: process.env.VUE_APP_API_BASE_URL, // api base_url
- timeout: 6000 // 请求超时时间
- })
- const err = (error) => {
- console.log('error')
- if (error.response) {
- const data = error.response.data
- const token = Vue.ls.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)
- }
- // request interceptor
- service.interceptors.request.use(config => {
- const token = Vue.ls.get(ACCESS_TOKEN)
- if (token) {
- config.headers['Authorization'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
- }
- return config
- }, err)
- // response interceptor
- service.interceptors.response.use((response) => {
- const res = response.data
- if (res.resultCode !== '00000') {
- notification.error({
- message: res.message || 'Error',
- duration: 3
- })
- return Promise.reject(new Error(res.message || 'Error'))
- } else {
- return res
- }
- }, err)
- const installer = {
- vm: {},
- install (Vue) {
- Vue.use(VueAxios, service)
- }
- }
- export {
- installer as VueAxios,
- service as axios
- }
|