Apollo GraphQL 响应在 chrome devtools 中是不可见的答案

【问题标题】：Apollo GraphQL response is invisible in chrome devtoolsApollo GraphQL 响应在 chrome devtools 中是不可见的
【发布时间】：2018-02-18 10:08:11
【问题描述】：

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

虽然我可以看到名为 GraphQL Network 的 chrome 扩展名的响应。我很好奇，什么会导致这种行为？

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

更新

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

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

【问题讨论】：

标签： ajax reactjs google-chrome-devtools graphql react-apollo

【解决方案1】：

原因是由于 CORS。我假设您尚未将服务器配置为允许跨源请求，或者您在请求标头中添加了 'no-cors'。在这种情况下，我们告诉浏览器发出请求，但不允许我们查看响应。（参见Trying to use fetch and pass in mode: no-cors）然而，令人惊讶的是，在检查 Firefox 浏览器的开发人员工具时，我可以在开发人员工具中看到响应。

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

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

【讨论】：