vue axios 全局設置token，重新登錄之后token不更新的問題

import Vue from 'vue';
import axios from 'axios';
import { getStore } from '/utils/storage.js';
axios.defaults.baseURL = '********';
axios.defaults.timeout = 10000;
axios.defaults.headers.post['Content-Type'] = 'application/x-www=form-urlencoded';
// 設置token （緩存中token更新后，此處不更新）
axios.defaults.headers.common['Authorization'] = getStore("userInfo")!=null && getStore("userInfo") != "" ? 'Bearer '+JSON.parse(getStore("userInfo")).token : "";
axios.interceptors.request.use(config => {
　　return config
},error => {
　　return Promise.reject(error)
})

axios.defaults.headers.common 設置token，重新登錄之后，緩存中的token更新，此處不會執行更新，

在請求攔截器中 設置token，此時會更新token

axios.interceptors.request.use(config => {
　　config.headers.Authorization = getStore("userInfo")!=null && getStore("userInfo") != "" ? 'Bearer '+JSON.parse(getStore("userInfo")).token : "";return config
}, error => {
　　return Promise.reject(error)
})

 

　axios文檔說明