使用 gatsby-source-graphql 时，GraphIQL 资源管理器未在 Gatsby 中显示答案

【问题标题】：GraphIQL explorer not showing in Gatsby when using gatsby-source-graphql使用 gatsby-source-graphql 时，GraphIQL 资源管理器未在 Gatsby 中显示
【发布时间】：2020-07-23 00:09:35
【问题描述】：

我是 Gatsby 的新手，并且已经建立了 aws-appsync-gatsby-sample 项目。 GraphQL 数据在本地站点中正确呈现，如下所示：

但是，我想使用 GraphIQL 资源管理器来学习如何进一步操作 GraphIQL 查询，但 Gatsby 通常显示的“资源管理器”选项不再显示。是因为我使用gatsby-source-graphql吗？

我如何访问 GraphIQL 资源管理器以使用此 AppSync API 数据？或者，是否有其他方法可以在我的 Mac 上或在线访问 GraphIQL 资源管理器以访问我的数据？

感谢您的帮助。

【问题讨论】：

标签： graphql gatsby aws-appsync graphiql

【解决方案1】：

我可以通过下载最新版本的 gatsby 来解决这个问题

【讨论】：

【解决方案2】：

我不熟悉 gatsby，但我是 AppSync 团队的工程师。

只要您将 GraphiQL 应用程序正确指向 AppSync API 端点，它就可以工作。 AppSync GraphQL 端点与其他 GraphQL 端点没有什么不同。

让 GraphiQL 与您的 AppSync API 对话的最快方法是：

将 API URL 从 AWS AppSync 控制台的设置窗格复制到 GraphiQL。它应该看起来像 https://abcdef.appsync-api.us-west-2.amazonaws.com/graphql
在 GraphiQL 中，添加 X-API-KEY HTTP 请求标头，并使用您从 AppSync 控制台设置窗格中创建的 API 密钥作为值。它应该以da2-xxxxxx 开头。
您现在应该会看到文档资源管理器已填充，证明自省请求已成功。

【讨论】：

我已经有 GraphIQL 工作但不是 explorer 欣赏以太响应。