1.登录的时候点击登录按钮,会把你的手机号和验证码发给后台,后端会响应给你一个token,客户端会把这个信息存储在sessionStorage中
2.存储完之后会向首页进行跳转,(首页是必须登录后才能访问的页面)在跳转这类页面前,需要做一个登录的拦截—前置路由守卫(拦跳转)
①获取token判断是否之前已经登录过,是的话可以登录
②不是的话需要路由守卫拦截到登录页面进行登录
3.到达首页之后进行接口代码的测试,向后台发送请求,如果想要获得数据,任何页面发的请求必须携带token
在每次请求前,获取本地token,追加在请求头里面,使用到了axios的请求拦截器(拦请求),这样发送请求成功之后服务器会给你发送数据
4.但是token有时间期限(2个小时),每个页面携带的token会失效,这时候用到了axios的响应拦截器,响应会给你返回一个401的错误,拿到401错误之后做判断,进行拦截到登录界面,并且删除过期的token
这样就完成了用户的登录。