Spring Boot(v5) HTTPS REST API配置CORS适配Angular 5网站

看起来你已经在Spring Boot主启动类里尝试通过WebMvcConfigurer Bean配置CORS了，我帮你补全完整实现，并结合你的场景（Angular 5前端+HTTPS API）给出关键配置说明，确保跨域通信正常：

@SpringBootApplication
public class AdminPanelApplication {

    public static void main(String[] args) {
        SpringApplication.run(AdminPanelApplication.class, args);
    }

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                // 针对你的Angular网站配置跨域规则
                registry.addMapping("/api/**") // 匹配所有API接口路径
                        .allowedOrigins("https://your-angular-site.com") // 替换成你的Angular网站HTTPS域名，开发环境用http://localhost:4200
                        .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 明确允许的HTTP方法，OPTIONS是预检请求必需的
                        .allowedHeaders("*") // 允许所有请求头，包括自定义头、Authorization等
                        .allowCredentials(true) // 允许携带Cookie/认证信息（如果API需要登录态）
                        .maxAge(3600); // 预检请求缓存1小时，减少重复OPTIONS请求
            }
        };
    }
}

核心配置要点解析 #

• allowedOrigins：别直接用*！如果你的API需要携带认证信息（比如登录态），浏览器会拒绝*搭配allowCredentials=true的组合，必须指定具体的Angular网站域名。开发阶段可以用http://localhost:4200（Angular默认开发端口）。
• allowCredentials：如果你的API需要用户登录（比如用JWT或者Session），一定要设为true，同时Angular的HttpClient请求要加上withCredentials: true参数，否则认证信息不会被携带。
• maxAge：设置预检请求的缓存时长，能有效减少浏览器发送OPTIONS预检请求的次数，提升前端请求性能。

HTTPS环境额外注意事项 #

1. 确保Angular网站和Spring Boot API都使用有效HTTPS证书：开发环境可以用自签证书，但要在浏览器里手动信任；生产环境必须用CA签发的合法证书，否则浏览器会因为证书安全问题拦截跨域请求。
2. 如果集成了Spring Security：需要在Security配置里启用CORS，避免Security拦截跨域请求：

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.cors() // 自动复用上面的WebMvcConfigurer中的CORS配置
            .and()
            .csrf().disable(); // 开发环境可暂时禁用CSRF，生产环境根据业务需求配置
    }
}

3. Angular前端请求示例（带认证信息）：

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

getApiData() {
    this.http.get('https://your-api-domain.com/api/resource', { withCredentials: true })
        .subscribe(res => {
            // 处理返回数据
        });
}

按照这个配置，你的Angular 5网站就能正常和HTTPS的Spring Boot REST API完成跨域通信了。

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