spring cloud gateway 跨域问题

以你之姓@ 2022-10-28 03:46 164阅读 0赞

1.问题描述

前端可以绕过网关正常请求其他服务的接口，但是一旦加上网关就出现跨域的问题，提示及报错如图：

最终导致跨域请求失败。该错误已经提示得很明白了，意思是不允许多个跨越请求头“Access-Control-Allow-Origin”，错误现象如下提示：

Multiple CORS header ‘Access-Control-Allow-Origin’ not allowed

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjczNjE3_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjczNjE3_size_16_color_FFFFFF_t_70 1][]

2.解决

springcloud版本：Hoxton.SR8

对应的gateway版本：2.2.1.RELEASE

在gateway模块中添加跨域配置：

@Configuration
    public class CorsConfig {
    
        @Bean
        public CorsResponseHeaderFilter corsResponseHeaderFilter() {
            return new CorsResponseHeaderFilter();
        }
    
        @Bean
        public CorsWebFilter corsWebFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            CorsConfiguration corsConfiguration = new CorsConfiguration();
    
            corsConfiguration.addAllowedHeader("*");
            corsConfiguration.addAllowedMethod("*");
            corsConfiguration.addAllowedOrigin("*");
            corsConfiguration.setAllowCredentials(true);
            corsConfiguration.setMaxAge(600L);
    
            source.registerCorsConfiguration("/**", corsConfiguration);
            return new CorsWebFilter(source);
        }
    }

并添加处理重复请求头的过滤器

public class CorsResponseHeaderFilter implements GlobalFilter, Ordered {
        @Override
        public int getOrder() {
            // 指定此过滤器位于NettyWriteResponseFilter之后
            // 即待处理完响应体后接着处理响应头
            return NettyWriteResponseFilter.WRITE_RESPONSE_FILTER_ORDER + 1;
        }
    
        @Override
        @SuppressWarnings("serial")
        public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
            return chain.filter(exchange).then(Mono.defer(() -> {
                exchange.getResponse().getHeaders().entrySet().stream()
                        .filter(kv -> (kv.getValue() != null && kv.getValue().size() > 1))
                        .filter(kv -> (kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_ORIGIN)
                                || kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_CREDENTIALS)))
                        .forEach(kv ->
                        {
                            kv.setValue(new ArrayList<String>() {
       {
                                add(kv.getValue().get(0));
                            }});
                        });
    
                return chain.filter(exchange);
            }));
        }
    }

注：此种方法针对gateway2.2.1版本及以上有效，2.1.x及以下版本不适用，建议将gateway版本升到高版本，低版本有很多不完善的地方

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjczNjE3_size_16_color_FFFFFF_t_70]: /images/20221024/03549139fdb54b5c99def163316c95b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjczNjE3_size_16_color_FFFFFF_t_70 1]: /images/20221024/d856f916ce18420b9f27767c0bb3abeb.png