目录
一、前言
由于最近做项目需要基于若依框架（前后端分离版）二次开发，这里简单记录一下若依框架源代码登录和退出的过程，供自己复习时使用，也希望能够给想学习若依框架的朋友一点启发！
二、登录
2.1生成验证码
基本思路：
后端生成一个表达式，例如 1+1 = 2
(1 + 1 = ?)转化为题干@(2)转化为答案
1 + 1 = ?转换成图片，传给前端进行展示
2答案存入Redis中
前端
验证码答案会暂时存储在本地Radis中，在使用的时候会取出进行验证。
验证码图片获取方法
本地uid对应Radis中的key值，用来取出答案
url请求前端，进行代理，映射到后端，解决了跨域问题
替换/dev-api 为‘’ 再映射到 http://localhost:8080
后端
生成验证码代码
将表达式转化为图片流
将图片和uuid一起 传回给ajax.
2.2 登录的具体流程
前端：
登录代码
保存Token到cookie
后端：
生成Token返回给前端
-
校验验证码
-
用户验证
用户验证使用的是Spring Security
-
生成Token
Token生成方法
使用jwt对信息进行处理，生成字符串 赋值给token
三、进入首页
前端：
登录成功后进入首页，前端会将后端返回的 Token 存储起来
可以在浏览器的 localStorage 或 sessionStorage 中查看存储的token
前端会在用户登录成功后立即请求用户信息和角色权限
前端根据后端返回的菜单权限动态生成路由。
前端会在用户登录成功后初始化用户信息。
后端：
后端接收到前端的请求后，首先需要验证 Token 的有效性。
后端根据 Token 获取用户的详细信息和菜单权限，并返回给前端。
四、退出登录
前端：
用户在前端界面上点击“退出登录”按钮。前端通过 AJAX 请求向后端发送退出登录请求。
无论后端返回的结果如何，前端都需要清除本地存储的 Token 和其他登录信息，并重定向到登录页面。
后端：
后端控制器接收到前端发送的退出登录请求。后端服务层处理退出登录请求，使 Token 失效。
返回成功响应给前端。
五、总结
以上是关于Ruoyi Vue 登录功能后端代码调用流程。包括了登录，进入首页和退出登录，该ruoyi版本为3.8.2.其他版本可能会存在一些差异
标签：用户,登录,前端,RuoYi,验证码,Token,二次开发,生成 From： https://blog.csdn.net/asd2022714/article/details/143664377