- 给表单绑定click事件,发送ajax拿token
- 把token存到vuex中,并且要用vue-persisdata插件进行持久化或直接用本地存储
- 我们在路由守卫中beforeEach中判断有没有token,没有token就让它去登录
- 请求拦截器中把token放到请求头信息里
- 客户端主动介入token失效,通过
- 获取token时存入时间戳
- 注入token的时候检查时间戳是否过期
- token在既定的时间内:没有过期,继续请求
- token已经超过既定时间:登入并清除过期的token和用户数据
- 在响应拦截器里面判断服务器返回的token有没有过期,如果有(请求401),直接把过期的token删除,清空用户数据,重新登录