如何使用 Angular 消除 Spring Boot 中的 CORS 错误？ [复制]

Question

我在结合 Angular 的 Spring Boot 项目中遇到 CORS 问题。

我正在使用以下代码并将其注释为配置。

@Configuration
public class WebConfig {

  @Bean
  public WebMvcConfigurer corsConfigurer() {
    return new WebMvcConfigurer() {
      @Override
      public void addCorsMappings(CorsRegistry registry) {
        registry
                .addMapping("/**")
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*")
                .allowedOrigins("http://localhost:4200");
      }
    };
  }
}

在 Angular 中我添加了这个：

不幸的是，我仍然收到此错误：

他们都没有完成这项工作。

Answer 1

这实际上不是您的应用程序的问题，而是您的浏览器的问题。浏览器在发送实际数据之前向应用程序发出 OPTIONS 请求，以验证它们是否有权发出特定请求。

要让它运行，你可以在代码中添加 OPTIONS

@Configuration
public class WebConfig {

  @Bean
  public WebMvcConfigurer corsConfigurer() {
    return new WebMvcConfigurer() {
      @Override
      public void addCorsMappings(CorsRegistry registry) {
        registry
                .addMapping("/**")
                .allowedMethods("GET", "POST", "PUT", "DELETE","OPTIONS")
                .allowedHeaders("*")
                .allowedOrigins("http://localhost:4200");
      }
    };
  }
}

或使用CORS工具等扩展名。