GraphQL：如何通过游乐场传递查询变量？

Question

我正在关注Andrew Mead 关于 Gatsby 的教程，由于某种原因，我在通过 GraphQL Playground 将查询变量传递到查询时遇到问题。据我所知，查询在节点上运行，因为正在填充“博客”的内容。

这是我的查询变量代码（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 正在做的事情。例如。这里

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

编辑2019-12-18：这是我的一个愚蠢的错误。我点击了HTTP HEADERS左下角的“NOT” QUERY VARIABLES，正如 Daniel Reardon 善意指出的那样。

Answer 1

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