你的项目中,是如何实现登录功能的?

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