vuex + axios拦截器 + 导航守卫实现登录/注销功能
基本思想
首先要知道登录不仅仅是拿着用户名和密码通过接口发给后端就大功告成了(小白的我之前就是这样认为的)要从几个方面考虑
异步登录,通过登录接口拿到token
利用vuex的state管理token、用户信息等
利用axios拦截器,拦截每一次请求/响应来处理token
token是用户登录成功的标识,每一次请求数据时都要发送token给后端验证 & 接收后端返回状态码判断当前用户登录状态
利用导航守卫进行登录拦截
密码传输加密(一般需要引入第三方加密,自行百度)
以下代码仅做参考
登
原创
2020-06-22 12:50:41 ·
503 阅读 ·
0 评论