完整的前后台登录逻辑整理
- 用户页面输入账号密码后，将数据传递到后端
- 后端登录接口被调用后，通过接收的参数校验用户的正确性，并返还结果给前端
- 前端获取后端接口返回结果后分2种情况 ① 登录失败，直接按照返回结果（账号密码错误、账号已注销、账号不存在等）对用户进行提示 ② 登录成功，将数据中的token保存到vuex中（前提是项目使用了createPersistedstate插件或者对数据刷新时候做了对应处理）或者localStorage、sessionStorage、cookie存在本地。
- 用户每次路由跳转的时候，验证token是否存在。使用router的beforeEach函数中进行判断即可
- 用户每次请求后台接口都把保存在本地的token配置在请求的header中传给后台
- 后台人员就可以根据header中携带的token来判断发送请求用户登录是否过期，如果没有携带，则说明没有登录过，直接返回前端结果提示重新登录，否则继续后台流程。
-
存在一个疑问了，就是每个请求都携带token，那么要是一个页面不需要用户登录就可以访问的怎么办呢？其实，你前端的请求可以携带token，但是后台可以选择不接收啊！
上一篇：
92天倒计时，蓝桥杯省赛备赛攻略来啦~
下一篇：
顶测科技|2022年，如何更好的求职？