GraphQL:如何通过 Playground 传递查询变量？

Question

我正在关注 Andrew Mead's tutorial on Gatsby出于某种原因，我在通过 GraphQL 操场将查询变量传递给查询时遇到了问题。据我所知，查询在节点上工作，因为正在填充“博客”的内容。

这是我的查询变量代码(GQL 操场左下角)。

{
  "slug": "example"
}

我正在做的查询:

query ($slug: String!) {
  markdownRemark (
    fields: {
      slug: {
        eq: $slug
      }
    }
  ) {
    frontmatter {
      title
      date
    }
    html
  }
}

但是，这会导致错误: "message": "Variable \"$slug\" of required type \"String!\" was not provided.",
在尝试将变量设置为必需和不需要之后，我很确定这是因为没有传递查询变量，但我无法弄清楚为什么其他资源似乎都在做 Andrew Mead 正在做的事情。例如。 Here

奇怪的是，当我在 VS Code 上运行查询时，查询似乎有效，但在操场上却没有。是否有我缺少的设置？

编辑 2019-12-18:这是我的一个愚蠢的错误。我点击了 HTTP HEADERS在左下角，不是 QUERY VARIABLES ，正如丹尼尔·里尔登(Daniel Reardon)亲切地指出的那样。

Answer 1

确保您将变量输入到变量字段而不是标题字段。您可以通过单击字段上方的相应选项卡在两者之间切换。