登录后使用API​​令牌更新Vue Axios基本实例

Question

在我的Vue App（第一个Vue项目中，对不起，如果这可能是一个基本问题）我创建了一个像这样的axios基础实例：

import axios from 'axios'
import router from '@/router'

export const API = axios.create({
    baseURL: 'http://api-url.com',
    headers: {
        Authorization: 'Bearer ' + localStorage.getItem('api_token')
    },
    validateStatus: function (status) {

        if (status == 401) {
            router.push('/login');
        } else {
            return status;
        }
    }
})

当我登录时，API令牌会以这种方式保存：

localStorage.setItem('api_token', response.data.api_token)

登录后，在浏览器重新加载之前，不会使用令牌更新axios基本实例。我怎么能改变呢？

Answer 1

您可以像这样更新axios实例，

InvokeServerMethod()