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

43 阅读1分钟
  • 给表单绑定click事件,发送ajax拿token

  • 把token存到vuex中,并且要用vue-persisdata插件进行持久化或直接用本地存储

  • 我们在路由守卫中beforeEach中判断有没有token,没有token就让它去登录

  • 请求拦截器中把token放到请求头信息里

  • 客户端主动介入token失效,通过

    • 获取token时存入时间戳

    • 注入token的时候检查时间戳是否过期

      • token在既定的时间内:没有过期,继续请求
      • token已经超过既定时间:登入并清除过期的token和用户数据 image.png
  • 在响应拦截器里面判断服务器返回的token有没有过期,如果有(请求401),直接把过期的token删除,清空用户数据,重新登录