如何使用graphql-request向GraphQL查询传递变量？

你遇到的错误是因为GraphQL查询中未显式声明变量。虽然你在代码里传递了variables对象，但GraphQL服务要求必须在查询语句开头定义用到的变量及其类型。

修正后的代码如下：

async function main() {
  // 显式声明变量$userId及其类型
  const query = gql`
    query GetUser($userId: ID!) {
        user(id: $userId)  {
            id
            email
            name
        }
    }
  `;
  const variables = {
    userId: '4dc70521-22bb-4396-b37a-4a927c66d43b',
  };
  const endpoint = 'https://api.mocki.io/v2/c4d7a195/graphql';
  const client = new GraphQLClient(endpoint);
  const data = await client.request(query, variables);
  console.log(data);
}

关键修改点： #

• 用query GetUser($userId: ID!)替代原来的匿名查询块：
  • GetUser是自定义查询名称（可选，但能提升查询可读性）；
  • $userId: ID!声明了变量名$userId和对应的类型ID，!表示该变量为必填项。
• 变量完成声明后，才能在user(id: $userId)中正常引用，GraphQL服务就能识别并绑定你传入的变量值。

注：如果你的GraphQL服务定义中，user的id参数类型不是ID，需要把ID!替换成服务实际要求的类型（比如String!）。

内容的提问来源于stack exchange，提问作者hunter9012