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

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

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

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

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

更新

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

enter image description here

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

最佳答案

原因是因为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 文件中的值。

关于ajax - Apollo GraphQL 响应在 chrome devtools 中是不可见的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46134134/

相关文章:

jquery - 在asp.net mvc中使用ajax发送Json数据数组和图像文件

php - 将数据发送到数据库并通过 AJAX 返回

jQuery 如何在元素上单击仅隐藏与元素关联的 li 而不是其他元素

ajax - JQuery/Ajax - 使用 .replaceWith 或 .html 调用数据库后在页面中加载新数据?

google-chrome - Chrome 开发者扩展中的 CORS 问题

asp.net - 我可以使用 Chrome DevTools 在客户端查看 session 状态值吗?

javascript - 如何在从React渲染方法返回的元素上获取 'this'

reactjs - 如何在触发 onerror 时替换图像。 react js

node.js - WordPress 和 React - 前端框架内部服务器错误

javascript - 如何搜索浏览器窗口对象以查找哪个对象或变量具有搜索值?