前端使用token登录的常见流程

  1. 用户提交登录信息:用户在前端界面输入用户名和密码,并点击登录按钮。

  2. 发送登录请求:前端将用户输入的登录信息通过 POST 请求发送给后端。请求的数据一般使用 JSON 格式或表单格式进行传递。

  3. 后端验证登录信息:后端接收到登录请求后,对用户提交的用户名和密码进行验证。验证可以涉及数据库查询、密码加密比对等操作。

  4. 生成 Token:如果用户提交的登录信息验证通过,后端会生成一个 Token(令牌)。Token 一般包含用户信息、过期时间、签名等,用于标识用户的身份。

  5. 返回 Token:后端将生成的 Token 通过响应的方式返回给前端。通常将 Token 作为响应体的一部分,或者放在响应头部中的 Authorization 字段中。

  6. 前端保存 Token:前端接收到后端返回的 Token 后,一般会将 Token 保存在本地,通常使用浏览器的 Web Storage(如 localStorage 或 sessionStorage)进行存储。

  7. 发送 Token:以后每次与后端进行交互时,前端会在请求中携带 Token,通常将 Token 放在请求的头部中的 Authorization 字段中。

  8. 后端验证 Token:后端在接收到带有 Token 的请求时,会进行 Token 的验证。验证可以包括解析 Token、校验签名、检查过期时间等操作。

  9. 返回响应:如果 Token 验证通过,后端会根据请求的内容进行相应的处理,并将处理结果以响应的方式返回给前端。

  10. 前端处理响应:前端接收到后端返回的响应后,根据业务需要进行相应的处理。如果需要展示用户信息或维护登录状态,可以解析 Token 中的用户信息,并根据信息进行逻辑处理。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值