vue-cli如何在Header中添加token

vue-cli如何在Header中添加token

在src中创建request.js

import axios from 'axios'

export const instance = axios.create({
    //添加baseURL
    baseURL: 'http://localhost:8081/api/',
    timeout: 10000
});


//动态添加全局header
export const setToken = (token) =>{
    instance.defaults.headers.common['token'] = token;
}

在LoginView.vue

 // 导入路由器对象
 import {useRouter} from 'vue-router'
import {instance,setToken} from '../request'
// 存储token
sessionStorage.setItem("token",token);
setToken(token);
//跳转
useRouter().push("/home");

在main.js中添加

import {setToken} from './request'

let token = sessionStorage.getItem("token")
if(token){
    setToken(token)
}

防止刷新页面后找不到token