① 配置终端不校验验证码

• 后端不校验验证码 ```yaml nacos pig-gateway-dev.yml

不校验验证码终端

gateway: ignore-clients:

- test
- XXX

<a name="odjy9"></a>
### ② 配置前端关闭验证码 
- **前端不显示验证码，website.js中配置validateCode关闭验证码**
```javascript
 validateCode: false //是否开启验证码校验

验证码原理

① webflux 生成验证码原理

验证码直接网关异步生成，基于webflux

public class ImageCodeHandler implements HandlerFunction<ServerResponse> {
    private final Producer producer;
    private final RedisTemplate redisTemplate;
    @Override
    public Mono<ServerResponse> handle(ServerRequest serverRequest) {
        //生成验证码
        String text = producer.createText();
        BufferedImage image = producer.createImage(text);
        //保存验证码信息
        String randomStr = serverRequest.queryParam("randomStr").get();
        redisTemplate.opsForValue().set(CommonConstants.DEFAULT_CODE_KEY + randomStr, text, 60, TimeUnit.SECONDS);
        // 转换流信息写出
        FastByteArrayOutputStream os = new FastByteArrayOutputStream();
        try {
            ImageIO.write(image, "jpeg", os);
        } catch (IOException e) {
            log.error("ImageIO write err", e);
            return Mono.error(e);
        }
        return ServerResponse
            .status(HttpStatus.OK)
            .contentType(MediaType.IMAGE_JPEG)
            .body(BodyInserters.fromResource(new ByteArrayResource(os.toByteArray())));
    }
}

② webflux 请求处理入口

public class RouterFunctionConfiguration {
    private final HystrixFallbackHandler hystrixFallbackHandler;
    private final ImageCodeHandler imageCodeHandler;
    @Bean
    public RouterFunction routerFunction() {
        return RouterFunctions.route(RequestPredicates.GET("/code")
                .and(RequestPredicates.accept(MediaType.TEXT_PLAIN)), imageCodeHandler);
    }
}

③ 校验逻辑,通过oauth2 终端的client-id 来确定是否校验验证码

public class ValidateCodeGatewayFilter extends AbstractGatewayFilterFactory {
    @Override
    public GatewayFilter apply(Object config) {
        return (exchange, chain) -> {
            ServerHttpRequest request = exchange.getRequest();
            // 终端设置不校验， 直接向下执行
            String[] clientInfos = WebUtils.getClientId(request);
            if (filterIgnorePropertiesConfig.getClients().contains(clientInfos[0])) {
                return chain.filter(exchange);
            }
            //校验验证码
            checkCode(request);
            return chain.filter(exchange);
        };
    }
}

❤ 问题咨询