Spring Cloud Gateway 解决跨域问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了Spring Cloud Gateway 解决跨域问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

请求流程如下图：通过nginx反向代理到网关，在通过网关转发到具体的服务上
Spring Cloud Gateway 解决跨域问题
关于跨域的理论百度上已经有很多，网关到其他服务主要是通过注册中心去找的服务名在进行转发，所以不存在跨域，主要是解决nginx到网关的跨域问题

方案一：网关配置类

在网关模块注入跨域配置

@Configuration
public class GlobalCorsConfig {
    /**
     * 为了安全，建议只放行需要的地址(可以再yaml中定义进行映射方便扩展)
     */
    private List<String> sourceCors = Arrays.asList("http://localhost:8001", "http://localhost:8002", "http://localhost:8003");
    private List<String> 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文章来源地址https://www.toymoban.com/news/detail-505751.html

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 # 这次跨域检测的有效期