ajax - Apollo GraphQL 响应在 chrome devtools 中是不可见的

Question

我正在使用 react-apollo 学习 GraphQL，并想在网络选项卡下的 Chrome Devtools 中查看请求，但不幸的是我只能看到这个。

尽管我可以看到带有名为 GraphQL Network 的 chrome 扩展的响应。我很好奇，是什么导致了这种行为？

据我所知，隐藏 AJAX 响应是不可能的。

更新

请求的状态是成功 200，我可以成功地看到来自服务器的数据，但我注意到一件事，这种类型的请求而不是 xhr 是 fetch。

我猜是因为使用了fetch API，虽然不知道它们之间应该有什么区别，但它们不是相同的XHR吗？

Answer 1

原因是因为CORS。我假设您既没有将服务器配置为允许跨源请求，也没有在请求 header 中添加'no-cors'。在那种情况下，我们告诉浏览器发出请求，但不允许我们查看响应。(参见 Trying to use fetch and pass in mode: no-cors)然而，令人惊讶的是，在检查 Firefox 浏览器的开发者工具时，我可以在开发者工具中看到响应。

作为解决方案，我建议您配置服务器配置以允许 cors 请求和其他 cors 相关参数。参见 this如果您感到困惑，请查看配置值示例。

注意:对于 Drupal GraphQL 用户，创建 default.services.yml => services.yml 的副本并更改 cors 配置可能是一个明智的主意services.yml 文件中的值。