java - 为什么我的 Spring Controller 不处理 GraphiQL 发送的 OPTIONS 请求？

Question

我正在尝试制作 GraphQL Java server使用 GraphiQL 服务器。

使用本地运行的 GraphiQL，我提交了一个包含以下参数的查询:

我的 Spring Controller (从 here 复制)如下所示:

@Controller
@EnableAutoConfiguration
public class MavenController {
    private final MavenSchema schema = new MavenSchema();
    private final GraphQL graphql = new GraphQL(schema.getSchema());
    private static final Logger log = LoggerFactory.getLogger(MavenController.class);

    @RequestMapping(value = "/graphql", method = RequestMethod.OPTIONS, produces = MediaType.APPLICATION_JSON_VALUE)
    @ResponseBody
    public Object executeOperation(@RequestBody Map body) {
        log.error("body: " + body);
        final String query = (String) body.get("query");
        final Map<String, Object> variables = (Map<String, Object>) body.get("variables");
        final ExecutionResult executionResult = graphql.execute(query, (Object) null, variables);
        final Map<String, Object> result = new LinkedHashMap<>();
        if (executionResult.getErrors().size() > 0) {
            result.put("errors", executionResult.getErrors());
            log.error("Errors: {}", executionResult.getErrors());
        }
        log.error("data: " + executionResult.getData());
        result.put("data", executionResult.getData());
        return result;
    }
}

理论上，当我在 GraphiQL 中提交查询时，应该调用 executeOperation。不是，我在控制台输出中没有看到日志语句。

我做错了什么？当在 GraphiQL 中提交查询时，如何确保调用 MavenController.executeOperation？

更新 1 (13.01.2017 13:35 MSK):这是关于如何重现错误的教程。我的目标是创建一个基于 Java 的 GraphQL 服务器，我可以使用 GraphiQL 与之交互。如果可能，这应该在本地工作。

我有 read为了做到这一点，必须执行以下步骤:

1. Set up a GraphQL server. An example of this can be found here https://github.com/graphql-java/todomvc-relay-java. That example uses Spring Boot, but you can use whatever HTTP server you like to get that going.
2. Set up the GraphiQL server. That is a bit beyond the scope of this project, but basically you need to get GraphiQL talking to the server in step 1 above. It will use introspection to load the schema.

我检查了项目todomvc-relay-java ，根据我的需要修改后放入目录E:\graphiql-java\graphql-server。您可以使用该目录下载文件 here .

第 1 步:安装 Node.JS

第 2 步

转到 E:\graphiql-java\graphql-server\app 并在那里运行 npm install。

第 3 步

从同一目录运行 npm start。

第四步

转到 E:\graphiql-java\graphql-server 并在那里运行 gradlew start。

第 5 步

运行 docker run -p 8888:8080 -d -e GRAPHQL_SERVER=http://localhost:8080/graphql merapar/graphql-browser-docker。

Docker 来源:graphql-browser-docker

第 6 步

启动 Chrome 并禁用 XSS 检查，e。 G。 “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”--args --disable-xss-auditor。一些消息来源声称您必须终止所有其他 Chrome 实例才能使这些参数生效。

第七步

打开http://localhost:8888/在该浏览器中。

第 8 步

尝试运行查询


{
allArtifacts(组:“com.graphql-java”，名称:“graphql-java”){
团体
姓名
版本
}
}


实际结果:

1) Chrome 的 Console 选项卡中的错误:Fetch API 无法加载 http://localhost:8080/graphql。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问源“http://localhost:8888”。响应的 HTTP 状态代码为 403。如果不透明响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。。

2) Chrome 的网络标签中的错误:

更新 2 (14.01.2017 13:51):目前，CORS 在 Java 应用程序中的配置方式如下。

主类:

@SpringBootApplication
public class Main {
    public static void main(String[] args) throws Exception {
        SpringApplication.run(Main.class, args);
    }

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry
                        .addMapping("/**")
                        .allowedMethods("OPTIONS")
                        .allowedOrigins("*")
                        .allowedHeaders(
                                "Access-Control-Request-Headers",
                                "Access-Control-Request-Method",
                                "Host",
                                "Connection",
                                "Origin",
                                "User-Agent",
                                "Accept",
                                "Referer",
                                "Accept-Encoding",
                                "Accept-Language",
                                "Access-Control-Allow-Origin"
                        )
                        .allowCredentials(true)
                        ;
            }
        };
    }
}

WebSecurityConfigurerAdapter 子类:

@Configuration
@EnableWebSecurity
public class SpringWebSecurityConfiguration extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(final HttpSecurity http) throws Exception {
        System.out.println("SpringWebSecurityConfiguration");
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("OPTIONS");
        source.registerCorsConfiguration("/**", config);
        http
                .addFilterBefore(new CorsFilter(source), ChannelProcessingFilter.class)
                .httpBasic()
                .disable()
                .authorizeRequests()
                    .anyRequest()
                    .permitAll()
                .and()
                .csrf()
                    .disable();
    }
    @Override
    public void configure(WebSecurity web) throws Exception {
    }
}

Controller :

@Controller
@EnableAutoConfiguration
public class MavenController {
    private final MavenSchema schema = new MavenSchema();
    private final GraphQL graphql = new GraphQL(schema.getSchema());
    private static final Logger log = LoggerFactory.getLogger(MavenController.class);

    @CrossOrigin(
            origins = {"http://localhost:8888", "*"},
            methods = {RequestMethod.OPTIONS},
            allowedHeaders = {"Access-Control-Request-Headers",
            "Access-Control-Request-Method",
            "Host",
            "Connection",
            "Origin",
            "User-Agent",
            "Accept",
            "Referer",
            "Accept-Encoding",
            "Accept-Language",
             "Access-Control-Allow-Origin"},
            exposedHeaders = "Access-Control-Allow-Origin"
             )
    @RequestMapping(value = "/graphql", method = RequestMethod.OPTIONS, produces = MediaType.APPLICATION_JSON_VALUE)
    @ResponseBody
    public Object executeOperation(@RequestBody Map body) {
        [...]
    }
}

MavenController.executeOperation 是我在 GraphiQL 中发出查询请求时应该调用的方法。

更新 3 (15.01.2017 22:05): 尝试使用 CORSFilter，新源代码为 here .没有结果，我仍然收到“无效的 CORS 响应”错误。

Answer 1

问题是在您的应用程序中使用 .allowedMethods("OPTIONS") 配置。

按设计发送的飞行前请求使用OPTIONS 请求方法。

Access-Control-Request-Method 由浏览器自动添加，allowedMethods 属性实际控制实际请求允许的请求方法。

来自docs ,

The Access-Control-Request-Method header notifies the server as part of a preflight request that when the actual request is sent, it will be sent with a POST request method.

所以它是 POST 方法并且请求失败，因为您只在验证完成时允许 OPTIONS。

因此将 allowedMethods 更改为 * 将匹配浏览器为实际请求设置的 POST 请求方法。

完成上述更改后，您将收到 405，因为您的 Controller 仅允许 OPTIONS 用于您的 POST 请求。

因此，您需要更新 Controller 请求映射以允许 POST 使实际请求在飞行前请求后成功。

示例响应:

{
    "timestamp": 1484606833696,
    "status": 500,
    "error": "Internal Server Error",
    "exception": "graphql.AssertException",
    "message": "arguments can't be null",
    "path": "/graphql"
}

我不确定您是否在太多地方设置了 CORS 配置。我只需更改 spring 安全配置中的 .allowedMethods 即可使其按照我描述的方式工作。所以你可能想调查一下。