1.将ruoyi-captcha 复制到 ruoyi-modules下

并在 ruoyi-modules 的 pom.xml中增加 ruoyi-captcha
2.配置nacos,在gateway的配置文件中增加

滑动验证码

 - id: ruoyi-captchauri: lb://ruoyi-captchapredicates:- Path=/captcha/**filters:- StripPrefix=1
并且 - /captcha/get- /captcha/check- /captcha/verify 增加白名单


关闭原来的验证码校验 设置为false

3.前端
下载后打开ruoyi-vue \集成aj-captcha实现滑块验证码
在ruoyi-ui终端安装 npm install crypto-js –save-dev
再按照目录结构,把 api\login.js替换,views/login.vue替换,静态资源和组件复制进去就ok了

文件地址:
链接:https://pan.baidu.com/s/1GR4X8Y3LYvfCRUh_GDOIbQ?pwd=mku3
提取码:mku3

测试中发现滑动验证码如果使用redis存储会出现
CaptchaCacheServiceRedisImpl内的StringRedisTemplate无法注入
需要将AJ-Captcha的依赖版本1.2.7更改为1.3.0
并且将redis的引入更改为
private static final StringRedisTemplate stringRedisTemplate = SpringUtils
.getBean(“stringRedisTemplate”);

package com.carbon.common.core.utils;import org.springframework.aop.framework.AopContext;import org.springframework.beans.BeansException;import org.springframework.beans.factory.NoSuchBeanDefinitionException;import org.springframework.beans.factory.config.BeanFactoryPostProcessor;import org.springframework.beans.factory.config.ConfigurableListableBeanFactory;import org.springframework.stereotype.Component;/** * spring工具类 方便在非spring管理环境中获取bean **/@Componentpublic final class SpringUtils implements BeanFactoryPostProcessor{/** Spring应用上下文环境 */private static ConfigurableListableBeanFactory beanFactory;@Overridepublic void postProcessBeanFactory(ConfigurableListableBeanFactory beanFactory) throws BeansException{SpringUtils.beanFactory = beanFactory;}/** * 获取对象 * * @param name * @return Object 一个以所给名字注册的bean的实例 * @throws org.springframework.beans.BeansException * */@SuppressWarnings("unchecked")public static <T> T getBean(String name) throws BeansException{return (T) beanFactory.getBean(name);}/** * 获取类型为requiredType的对象 * * @param clz * @return * @throws org.springframework.beans.BeansException * */public static <T> T getBean(Class<T> clz) throws BeansException{T result = (T) beanFactory.getBean(clz);return result;}/** * 如果BeanFactory包含一个与所给名称匹配的bean定义,则返回true * * @param name * @return boolean */public static boolean containsBean(String name){return beanFactory.containsBean(name);}/** * 判断以给定名字注册的bean定义是一个singleton还是一个prototype。 如果与给定名字相应的bean定义没有被找到,将会抛出一个异常(NoSuchBeanDefinitionException) * * @param name * @return boolean * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException * */public static boolean isSingleton(String name) throws NoSuchBeanDefinitionException{return beanFactory.isSingleton(name);}/** * @param name * @return Class 注册对象的类型 * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException * */public static Class<?> getType(String name) throws NoSuchBeanDefinitionException{return beanFactory.getType(name);}/** * 如果给定的bean名字在bean定义中有别名,则返回这些别名 * * @param name * @return * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException * */public static String[] getAliases(String name) throws NoSuchBeanDefinitionException{return beanFactory.getAliases(name);}/** * 获取aop代理对象 ** @param invoker * @return */@SuppressWarnings("unchecked")public static <T> T getAopProxy(T invoker){return (T) AopContext.currentProxy();}}