一般登录的时候系统后台会返回一个token值,我们可以新建一个utils工具类文件夹,放置例如token.js之类的处理文件
export function setToken(token){
return sessionStorage.setItem(tokenkey,token)
}
export function getToken(){
return sessionStorage.getItem(tokenkey)
}
export function removeToken(){
return sessionStorage.removeItem(tokenkey)
}
简单说就是在发起登录请求之后,在请求成功时的then()中,使用token.js中的setToken(),将获取到的token值保存至sessionStorage中
而在退出登录等操作中,需要在发起请求时将token值附带在header中,这个可以在axios请求拦截中处理
// 添加请求拦截器
// 在发送请求之前做些什么
axios.interceptors.request.use((config) => {
// 在header中传入token的操作
config.headers['token'] = getToken()
return config;
})