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

我正在关注安德鲁·米德（Andrew Mead）关于盖茨比（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的操作。例如。这里

奇怪的是，当我在VS Code上但不在操场上运行查询时，查询似乎可以正常工作。是否有我缺少的设置？

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