Spring Cloud Gateway 解决跨域问题

  ���：文中的解决方案在 Spring Cloud 2021.0.4、Spring Boot 2.7.4 版本中得到验证，完美解决，其他版本可参考

  请求流程如下图：通过nginx反向代理到网关，在通过网关转发到具体的服务上

  关于跨域的理论百度上已经有很多，网关到其他服务主要是通过注册中心去找的服务名在进行转发，所以不存在跨域，主要是解决nginx到网关的跨域问题

方案一：网关配置类

  在网关模块注入跨域配置

@Configurationpublic class GlobalCorsConfig {    /**     * 为了安全，建议只放行需要的地址(可以再yaml中定义进行映射方便扩展)     */    private List sourceCors = Arrays.asList("http://localhost:8001", "http://localhost:8002", "http://localhost:8003");    private List methods = Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS");    @Bean    public CorsWebFilter corsWebFilter() {        CorsConfiguration config = new CorsConfiguration();        // 放行原始域        if (CollectionUtils.isEmpty(sourceCors)) {            config.addAllowedOrigin("*"); // 放行所有        } else {            for (String sourceCor : sourceCors) {                config.addAllowedOrigin(sourceCor);            }        }        // 放行请求头        if (CollectionUtils.isEmpty(methods)) {            config.addAllowedHeader("*"); // 放行所有        } else {            for (String method : methods) {                config.addAllowedHeader(method);            }        }        config.setAllowCredentials(true); // 是否发送cookie        config.addAllowedMethod("*"); // 放行请求方式        config.addExposedHeader("*"); // 暴露头部信息        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();        source.registerCorsConfiguration("/**", config);        return new CorsWebFilter(source);    }}

方案一：Gateway yaml 配置

  Gateway 也提供了跨域的配置类，可以直接在yaml中进行配置，具体的类配置可以查看源码 org.springframework.cloud.gateway.config.GlobalCorsProperties

spring:  cloud:    gateway:      globalcors: # 全局的跨域处理        add-to-simple-url-handler-mapping: true # 解决options请求被拦截问题        corsConfigurations:          '[/**]':            allowedOrigins: # 允许哪些网站的跨域请求 allowedOrigins: “*” 允许所有网站              - "https://localhost:8001"              - "https://localhost:8002"              - "https://localhost:8003"            allowedMethods: # 允许的跨域ajax的请求方式 “*” 允许所有              - "GET"              - "POST"              - "DELETE"              - "PUT"              - "OPTIONS"            allowedHeaders: "*" # 允许在请求中携带的头信息            allowCredentials: true # 是否允许携带cookie            maxAge: 360000 # 这次跨域检测的有效期