验证码响应结果分析

首先从前端开始进行分析，进入到登录页面，打开开发者工具(f12)，找到 network，f5 刷新一下页面，然后，筛选一下，筛选内容为 Fetch/XHR：

你会发现列表中有两项内容，我们只需要查看 captchaImage 即可，从名字就可以看出是验证码图片的意思，然后我们查看这个响应结果是什么，响应结果内容如下：

{
    "msg": "操作成功",
    "img": "...",
    "code": 200,
    "captchaEnabled": true,
    "uuid": "f17217c9743a445298ec85e317f29537"
}

• captchaEnabled: 验证码是否需要开启，true 开启，false 不开启
• img：Base64 编码的图片(如果返回二进制会乱码不好理解，前端可以将 Base64 渲染成为图片)
• uuid：整个系统的 securityId(登录后端有个 session，返回给前端存储到 Cookie 当中，每次带着 Cookie 服务端就知道你已经登录过了，这是传统的方式与做法，ruoyi 使用的是 JWT，但是和传统的 Session 与 Cookie 差不多，换汤不换药)

?> Base64 字符串转图片: https://tool.jisuapi.com/base642pic.html

验证码生成接口分析

?> 觉得逻辑清晰写的不错，还请麻烦给个关注与点赞支持一下博主，这将成为博主更新的动力。