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