后台管理系统用户登录问题详解

 

 

1.登录的时候点击登录按钮，会把你的手机号和验证码发给后台，后端会响应给你一个token，客户端会把这个信息存储在sessionStorage中

2.存储完之后会向首页进行跳转，（首页是必须登录后才能访问的页面）在跳转这类页面前，需要做一个登录的拦截—前置路由守卫（拦跳转）

    ①获取token判断是否之前已经登录过，是的话可以登录

    ②不是的话需要路由守卫拦截到登录页面进行登录

3.到达首页之后进行接口代码的测试，向后台发送请求，如果想要获得数据，任何页面发的请求必须携带token

   在每次请求前，获取本地token，追加在请求头里面，使用到了axios的请求拦截器（拦请求），这样发送请求成功之后服务器会给你发送数据

4.但是token有时间期限（2个小时），每个页面携带的token会失效，这时候用到了axios的响应拦截器，响应会给你返回一个401的错误，拿到401错误之后做判断，进行拦截到登录界面，并且删除过期的token

这样就完成了用户的登录。