VUE-axios统一增加请求头并根据接口返回的状态码判断用户登录状态并跳转登录页

背景：后台接口返回code==501表示用户是未登录状态，需要登录才可访问；

main.js中通过http拦截做路由跳转

import Vue from ‘vue’

import Axios from ‘axios’

Vue.prototype.$axios = Axios

import { Loading, Message, MessageBox } from ‘element-ui’

// 超时时间

Axios.defaults.timeout = 5000

// http请求拦截器

var loadinginstace

Axios.interceptors.request.use(config => {

config.headers.common ={

‘Content-Type’: “application/x-www-form-urlencoded”,

‘Access-Control-Allow-Origin’:‘*’,

‘Access-Control-Allow-Headers’:‘X-Requested-With,Content-Type’,

‘Access-Control-Allow-Methods’:‘PUT,POST,GET,DELETE,OPTIONS’,

‘user-id’: library.getData(“id”)==undefined?‘’:library.getData(“id”)

}

// element ui Loading方法

loadinginstace = Loading.service({ fullscreen: true })

return config

}, error => {

load