springboot-整合vue和图片验证码

springboot-整合vue和图片验证码

完整代码下载链接：

https://github.com/2010yhh/springBoot-demos/tree/master/springboot-shiro

环境

idea2018，jdk1.8，

springboot版本：springboot1.5.9.RELEASE

chrome浏览器

Kaptcha2.3.2

1.配置

1.1pom

 
  <!-- 仓库：Kaptcha并没有上传到中央仓库，可以从Sonatype Forge仓库获得该构件-->
    <repositories>
        <repository>
            <id>sonatype-forge</id>
            <name>Sonatype Forge</name>
            <url>http://repository.sonatype.org/content/groups/forge/</url>
            <releases>
                <enabled>true</enabled>
            </releases>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </repository>
    </repositories>

    <!--依赖：Kaptcha是用于生成验证码的开源类库-->
        <dependency>
            <groupId>com.github.penggle</groupId>
            <artifactId>kaptcha</artifactId>
            <version>2.3.2</version>
        </dependency>

1.2Kaptcha的初始化

@Component
public class KaptchaConfig {
   @Bean
   public DefaultKaptcha getDefaultKaptcha() {
      DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
      Properties properties = new Properties();
      // 图片宽
      propertie