首先加载登录界面会发送验证码请求和获取Cookie
会调用created函数
Getcode是获取验证码
GetCookie是获取cookie
GetCodeImg函数会调用ajax发送请求给后端
后端GetMapping接口接收到请求后执行getCode方法
Getcode方法中会随机生成uuid(用户的唯一标识)
然后生成验证码图片和答案
CapText会生成一个例如6-2=?@4的字符串
Codestr中保存6-2=?
Code中保存4也就是验证码的答案
Image就是验证码图片了
然后将用户的uuid、生成的验证码答案、以及验证码有效时间的信息传入redis内存数据库中
最后getcode函数把生成的uuid和经过转换后的验证码图片装入ajax中返回给前端
然后执行then后面的函数，变量res中就存储着返回的ajax信息，
然后赋值给页面变量codeurl、loginform.uuid
到此登录界面验证码和用户唯一标识生成完毕
当我们输入完用户名和密码点击登录按钮时，会触发handleLogin函数
handleLogin中会调用user.js中的Login函数并把loginform(用户名、密码、uuid、用户输入的验证码答案)传入函数中
Login函数把loginform中的数据取出后
又传入login.js的login函数中使用ajax传入后端接口
后端接口执行login方法将传入的用户数据用作生成token的依据
进入token生成方法中首先执行验证码对错判断
验证码判断函数首先根据用户的唯一标识(uuid)，在redis数据库中找出对应的验证码答案赋值给captcha
再与用户输入的验证码(code)对比，如果出错就直接抛出异常
再执行用户信息验证
该方法回去调用UserDetailsServiceImpl.loadUserByUsername，方法最终会调用createLoginUser方法
createLoginUser方法会根据user信息去调用getMenuPermission方法
getMenuPermission方法根据传递的用户信息，获取用户的菜单数据权限并返回
回到createLoginUser方法，使用用户信息和权限生成一个LoginUser类
菜单权限查询成功后，输出和更新此用户的登录ip和时间等各种信息
最后使用之前生成的loginUser类(包含用户信息和权限)生成token
最后回到login函数通过ajax返回token
然后执行then后面的函数设置用户的token
最后回到点击按钮的事件，如果前面的函数都没有异常就会跳转到后台首页
进入首页之前，前端设置的路由守卫会判断Vuex中是否存在用户的key(用户的标识)
如果不存在会去请求/getinfo接口,
把用户和权限的集合用ajax返回给前端
将后端返回的数据通过函数赋值给VUEX中的变量文章来源：https://www.toymoban.com/news/detail-485464.html
文章来源地址https://www.toymoban.com/news/detail-485464.html
到了这里，关于ruoyi登录流程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
