1.增加验证码的架包。
在pom.xml文件中加入验证码的架包
<!-- 验证码 -->
<dependency>
<groupId>com.github.axet</groupId>
<artifactId>kaptcha</artifactId>
<version>0.0.9</version>
</dependency>
然后通过Maven下载验证码的架包。
2.配置验证码的内容。
图1
@Configuration
public class KaptchaConfig {
@Bean
public DefaultKaptcha producer() {
Properties properties = new Properties();
properties.put("kaptcha.border", "no");
properties.put("kaptcha.textproducer.font.color", "black");
properties.put("kaptcha.textproducer.char.space", "5");
properties.put("kaptcha.textproducer.font.names", "Arial,Courier,cmr10,宋体,楷体,微软雅黑");
Config config = new Config(properties);
DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
defaultKaptcha.setConfig(config);
return defaultKaptcha;
}
}
3.验证码接口方法。
图2
3.1.引用验证码：
import com.google.code.kaptcha.Producer;
3.2.给引用的验证码方法加注解，注入所需的外部资源，也就是以上配置的验证码的内容资源：
@Autowired
private Producer producer;
3.3.通过GET请求：
@GetMapping("captcha.jpg")
3.4.验证码方法：
public void captcha(HttpServletRequest request, HttpServletResponse response) throws IOException {
response.setHeader("Cache-Control", "no-store, no-cache");
response.setContentType("image/jpeg");
//生成文字验证码
String text = producer.createText();
//生成图片验证码
BufferedImage image = producer.createImage(text);
//保存到session
HttpSession session = request.getSession();
session.setAttribute("captcha", text);
ServletOutputStream out = response.getOutputStream();
ImageIO.write(image, "jpg", out);
}
首先生成文字的验证码，然后生成图片验证码，接着将文字验证码保存到session中，将生成的图片返回到前端；
4.前端调用验证码接口，并将接口返回的图片到页面进行显示。
代码如下：
<img src="/api/user/captcha.jpg" />
