Spring Boot+Angular跨域请求报错：Http failure response 0 Unknown Error

我来帮你排查这个Http failure response for (unknown url): 0 Unknown Error的问题——这种错误通常不是单纯的跨域注解配置问题，而是请求根本没到达后端服务，或者被中间环节拦截了。咱们一步步来定位解决：

1. 先确认后端服务本身可正常访问 #

这是最基础的一步，先排除后端自身的问题：

• 直接在浏览器地址栏访问 http://localhost:8080/cool-cars，看是否能返回正常的JSON数据。如果不能，先检查后端控制台有没有报错：
  • 确认DemoApplication启动类正常运行，没有Bean加载失败的错误；
  • 检查CarRepository的@RepositoryRestResource是否和自定义控制器的/cool-cars接口冲突（两者可以共存，但要确保/cool-cars是你要调用的正确接口）；
  • 查看启动类中初始化数据的代码是否正常执行，数据库里有没有生成对应的Car数据。

2. 优化跨域配置（避免局部配置遗漏） #

你在仓库和控制器都加了@CrossOrigin，但局部配置可能存在覆盖或遗漏的情况，建议配置全局跨域规则更可靠：
创建一个Spring配置类：

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class GlobalCorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 对所有接口生效
                .allowedOrigins("http://localhost:4200")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 允许所有HTTP方法，包括预检的OPTIONS
                .allowedHeaders("*")
                .allowCredentials(true) // 如果需要携带Cookie等凭证，开启这个
                .maxAge(3600); // 预检请求的缓存时间
    }
}

注意：如果你的项目引入了Spring Security，还需要在Security配置中开启CORS支持，因为Security的过滤器会优先于CORS过滤器执行：

@Override
protected void configure(HttpSecurity http) throws Exception {
    http.cors().and() // 先开启CORS
        .authorizeRequests()
        // 其他Security配置...
}

3. 检查Angular请求的URL和配置 #

• 修正请求URL：你当前用的//localhost:8080/cool-cars是相对协议的URL，虽然大部分场景没问题，但如果Angular运行的协议（比如http/https）和后端不一致，会导致请求失败。建议写全协议：

  getAll(): Observable<any> {
      return this.http.get('http://localhost:8080/cool-cars');
  }
  

• 查看浏览器Network详情：打开Chrome/Firefox的开发者工具，切换到Network标签，触发Angular的请求，查看：
  • 请求是否真的发出去了？状态码是多少？
  • Response Headers里有没有Access-Control-Allow-Origin: http://localhost:4200这个头？如果没有，说明跨域配置没生效；
  • 如果请求是pending状态后超时，说明后端根本没收到请求，要排查网络问题。

4. 排查网络或环境拦截问题 #

• 防火墙/杀毒软件：本地防火墙或杀毒软件可能拦截了8080端口的请求，暂时关闭后再测试；
• localhost映射问题：有时候系统的localhost解析有问题，试试用127.0.0.1代替localhost，比如Angular请求http://127.0.0.1:8080/cool-cars，同时把后端的@CrossOrigin（或全局配置）改成http://127.0.0.1:4200；
• 代理工具干扰：如果用了Charles、Fiddler等代理工具，暂时关闭，避免代理拦截请求。

5. 额外的排查点 #

• Angular请求超时配置：可以给请求加个超时时间，确认是不是真的超时：

  import { timeout } from 'rxjs/operators';
  
  getAll(): Observable<any> {
      return this.http.get('http://localhost:8080/cool-cars').pipe(timeout(5000)); // 5秒超时
  }
  

• 后端实体类的@NonNull问题：你在Car的name字段加了@NonNull，但用了@NoArgsConstructor，虽然启动类里设置了name，但如果其他场景创建Car对象时name为null会报错，不过这应该和当前请求超时无关，只是一个潜在的问题点。

按照这个流程排查，应该能定位到问题所在。

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