vue 前端关于token的刷新（进阶）

token刷新

用户在登录两个小时后，或许还会继续操作，但是一般token是有时效的，这时候如果遇到刷新页面就会请求失败，但显然这种效果不是我们想要，那么我们就要刷新token，让用户在刷新页面时带的是新token就可以继续操作页面

例子需求

1. 页面超过半个小时不操作，自动退出登录。
2. 若操作到token时效的两小时后，还有继续操作的意愿，将不会退出。

逻辑原理

login.vue文件：参数定义
//生成token的时间
accessToken_time
//最后一次操作页面的时间
lastOperationTime
//是否需要刷新token的标示  1时要刷新 0时不需要
refresh_token

// 登录后设置各参数以及数值
this.$https.post('api/user/login', postData).then((res) => {
   
   let now = new Date().getTime()
   localStorage.setItem('lastOperationTime', now)
   localStorage.setItem('refresh_token', 0)
   localStorage.setItem('accessToken_time', now) // 生成token时间
})

lastOperationTime用于判断用户是否已经半个小时操作，是，直接退出，否，则判断是否到了需要更换token的时间，更新参数refresh_token的状态