前后端分离登录实现

Posted by Wh0ami-hy on December 11, 2023

基于Vue和Spring Boot实现前后端分离的登录功能,流程分为以下几步

  • 用户输入用户名和密码并登录(即提交表单)
  • 后端查询数据库,验证用户名于密码是否匹配,若匹配,返回token给前端
  • 前端接收token,保存到store中
  • 前端登录成功,进行页面跳转,进入到主页面
  • 前端未登录,只允许访问主页面和登录页面,若访问其他页面则强制重定向到登录页(根据store中的token判断)
  • 登录之后每次请求时请求头中携带token,后端会对token进行检验
  • 若token无效或者过期,后端返回错误码,如401,前端将页面重定向到登录页重新登录
  • 用户点击退出登录,后端清空token
  • 用户不退出登录,前端store保存token
  • 登录后,前端路由的访问需要进行权限控制

本站总访问量