vue后台如何刷新过期的token_Vue中token刷新及token过期的实现

本文介绍了一个在Vue应用中处理token过期的完整解决方案,包括使用axios拦截器监测token状态,通过refresh_token刷新token,以及在Vuex中更新用户登录信息。详细讲述了main.js、自定义jsformat.js文件和Vuex mutation的实现步骤。
摘要由CSDN通过智能技术生成

总:通过axios,vuex,及自定义的方法实现。

以下是思路:

1.做token刷新必不可少的是,token(请求时的token) / refresh_token(刷新token时用的refresh_token) / resetTime(token有效时间)

2.通过axios请求-回复来做相应的操作,具体实现如下:

对应修改之处:(自己看的,如果疑问,可留言)

一、在 main.js中 ,写入如下代码

import axios from 'axios'

import { getRefreshToken, isRefreshTokenExpired} from './assets/js/format' //刷新token的接口与过期时间倒计时

window.isReresh = false;//用于判断是否刷新,不能少

// 添加请求拦截器,在请求头中加token

axios.interceptors.request.use(

config => {

let token = sessionStorage.getItem('Authorization');

if (token) {

config.headers.Authorization = token;

}

return config;

},

error => {

return Promise.reject(error);

});

// http r

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值