Spring Boot微服务+Angular注册页通过网关调API遇CORS错误

问题根源 #

你遇到的CORS错误核心原因是Spring Gateway网关未配置跨域支持，而认证服务本身已经配置了CORS（因此直接调用认证服务正常）。

当Angular应用（http://localhost:4200）通过网关发起请求时，浏览器会先发送OPTIONS预检请求到网关。如果网关没有配置CORS，这个预检请求的响应中就不会包含Access-Control-Allow-Origin等跨域头，浏览器会直接拦截后续请求并抛出错误。

你的网关过滤器逻辑是正常的：/auth/register在无需认证的白名单里，不会触发JWT校验，但网关层面的跨域配置缺失才是问题关键。

解决方案 #

在Spring Gateway中添加CORS配置，允许来自Angular应用的跨域请求，以下两种方式任选其一：

方式1：通过配置文件（application.yml）添加 #

spring:
  cloud:
    gateway:
      globalcors:
        cors-configurations:
          '[/**]':
            allowed-origins: "http://localhost:4200"  # 允许你的Angular应用域名
            allowed-methods: "*"  # 允许所有HTTP方法
            allowed-headers: "*"  # 允许所有请求头
            allow-credentials: true  # 允许携带Cookie等凭证

方式2：通过Java配置类添加 #

创建全局生效的CORS配置类：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;

@Configuration
public class GatewayCorsConfig {

    @Bean
    public CorsWebFilter corsWebFilter() {
        CorsConfiguration corsConfig = new CorsConfiguration();
        // 允许的源，生产环境建议指定具体域名而非*
        corsConfig.addAllowedOrigin("http://localhost:4200");
        // 允许所有请求方法
        corsConfig.addAllowedMethod("*");
        // 允许所有请求头
        corsConfig.addAllowedHeader("*");
        // 允许携带凭证（如JWT Token在Cookie或Authorization头中）
        corsConfig.setAllowCredentials(true);

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        // 对所有路径应用CORS配置
        source.registerCorsConfiguration("/**", corsConfig);

        return new CorsWebFilter(source);
    }
}

验证要点 #

1. 重启网关服务后，再次从Angular调用网关的/auth/register接口，检查浏览器控制台是否还存在CORS错误。
2. 用浏览器开发者工具查看OPTIONS请求的响应头，确认是否包含Access-Control-Allow-Origin: http://localhost:4200等跨域相关头。

内容的提问来源于stack exchange，提问作者avar mittal