前端token

Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。为避免客户端频繁向服务端请求数据(如重复的表单提交操作),以及用户的身份验证(令牌)。

1、主要使用token的基本流程如下:

  • 客户端使用用户名密码进行登录。
  • 服务端收到请求,去验证用户名与密码。验证成功后,服务端会签发一个 Token,再把这个 Token 发送给客户端。
  • 客户端将收到的Token存储起来,可以放在cookie或者localStorage。
  • 客户端每次需要登录验证的请求都需要带着这个Token发送给服务器端。
  • 服务器端收到请求后先验证Token,如果验证成功,就向客户端返回数据。

2、关于在切换路由的时候如何判断用户是否登录,举例vue中路由说明:

前端在每次请求路由之前可以做响应,在vue中对应的是router.beforeEach路由守卫,详细参考vue官方路由文档,先判断本地是否有存储用户的登录信息,比如登录状态,没有登录就直接返回登录页面,登录状态存在则进行你下一步的操作。

当用户通过路由前的判断,认为用户已登录用token去请求后端的时候,后端返回token过期或者错误时的处理:在统一请求后端接口的地方做个响应处理,清空本地存储的用户数据,提示用户“登录信息已过期,需要重新登录”之类说明,此时前端就重定向至登录页面。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值