完整的前后台登录逻辑整理

  1. 用户页面输入账号密码后,将数据传递到后端
  2. 后端登录接口被调用后,通过接收的参数校验用户的正确性,并返还结果给前端
  3. 前端获取后端接口返回结果后分2种情况
    ① 登录失败,直接按照返回结果(账号密码错误、账号已注销、账号不存在等)对用户进行提示
    ② 登录成功,将数据中的token保存到vuex中(前提是项目使用了createPersistedstate插件或者对数据刷新时候做了对应处理)或者localStorage、sessionStorage、cookie存在本地。
  4. 用户每次路由跳转的时候,验证token是否存在。使用router的beforeEach函数中进行判断即可
  5. 用户每次请求后台接口都把保存在本地的token配置在请求的header中传给后台
  6. 后台人员就可以根据header中携带的token来判断发送请求用户登录是否过期,如果没有携带,则说明没有登录过,直接返回前端结果提示重新登录,否则继续后台流程。
  • 存在一个疑问了,就是每个请求都携带token,那么要是一个页面不需要用户登录就可以访问的怎么办呢?其实,你前端的请求可以携带token,但是后台可以选择不接收啊!
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sparrow6902

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值