axios用hutool工具类验证码输入验证

可以使用Hutool的验证码工具类来生成验证码，并将其展示在页面上，然后使用axios将用户输入的验证码发送给后端进行验证。

以下是一个示例代码：

前端部分：

<!-- 展示验证码 -->
<img id="captchaImg" src="/captcha">
<!-- 输入框 -->
<input type="text" id="captchaInput">
<!-- 验证按钮 -->
<button onclick="verify()">验证</button>

function verify() {
  const captcha = document.getElementById('captchaInput').value;
  axios.post('/verifyCaptcha', { captcha }).then(response => {
    if (response.data.success) {
      // 验证成功
    } else {
      // 验证失败
    }
  });
}

后端部分：

// 生成验证码
String captcha = CaptchaUtil.createLineCaptcha(200, 100, 4, 150).getCode();
// 将验证码存储到session中
request.getSession().setAttribute("captcha", captcha);

// 验证验证码
String inputCaptcha = request.getParameter("captcha");
String sessionCaptcha = (String) request.getSession().getAttribute("captcha");
boolean success = inputCaptcha.equalsIgnoreCase(sessionCaptcha);

在上面的示例代码中，前端展示了一个验证码图片，并提供了一个输入框和一个验证按钮。当用户点击验证按钮时，通过axios将用户输入的验证码发送到后端进行验证。后端使用Hutool的验证码工具类生成验证码，并将其存储到session中。当用户输入验证码并点击验证按钮时，后端将用户输入的验证码与session中的验证码进行比较，判断验证码是否正确。最后，后端将验证结果返回给前端。