spring-boot - 启用 CORS 源 graphql

Question

我正在从事 graphQL 和 spring boot 项目。该 API 使用 graphiQL 运行良好，但是当尝试使用 Apollo vueJS 使用它时，它会导致 CORS 源错误。

我在实现 GraphQLQueryResolver 的 ProductQuery 类中使​​用 @CrossOrigin 注释，如下所示:

 @CrossOrigin(origins = "https://localhost:8081")
public List<Product> getProducts(){return this.productService.findAll(); } 

这是前端项目中显示的错误:

感谢您的帮助。

Answer 1

对于本地开发，您可能需要一个 CorsFilter bean 来启用您的本地源:

@Configuration
@Profile("local")
public class LocalCorsConfiguration {

  @Bean
  public CorsFilter corsFilter() {
    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    final CorsConfiguration config = new CorsConfiguration();
    config.setAllowCredentials(true);
    config.addAllowedOrigin("http://localhost:3000");
    config.addAllowedHeader("*");
    config.addAllowedMethod("*");
    source.registerCorsConfiguration("/graphql/**", config);
    return new CorsFilter(source);
  }
}

不要忘记使用 -Dspring.profiles.active=local 启动应用程序。