Apollo客户端:未定义变量。收到状态码400

时间:2019-01-23 14:35:07

标签: node.js graphql apollo-client

我正在尝试使用Apollo Client在GraphQL查询中使用动态变量。我遵循了文档,但是Apollo不断给我错误,说我的变量未定义,最终以状态码400响应。

这是阿波罗的文件所说的:

  

mutate:(options ?: MutationOptions)=>承诺   从用户界面触发突变的功能。您可以选择将变量,optimisticResponse,refetchQueries和update作为选项传递,这将覆盖传递给Mutation组件的所有道具。该函数返回一个满足您突变结果的promise。

这是我尝试编写的代码:

const fetch = require('node-fetch');
const ApolloClient = require('apollo-boost').default;
const gql = require('graphql-tag');

const client = new ApolloClient({
    uri: "http://api.domain.com/graphql",
    fetch
});

run();

async function run() {
    try {
        const resp = await client.mutate({
            mutation: gql`mutation {
                trackPr(id: $id, pr: $pr, title: $title, body: $body, state: $state, merged: $merged) {
                    id
                }
            }`,
            variables: {
                id: 1,
                pr: 1,
                title: "test title",
                body: "test body",
                state: "test state",
                merged: false
            },
        });


        console.log(resp.data);
    } catch(ex) {
        console.log(ex);
    }
}

然后,我将为每个变量显示一条错误消息,指出尚未定义:

  

[GraphQL错误]:消息:未定义变量“ $ id”。,位置:[对象对象],[对象对象],路径:未定义

每条错误消息之后,我都会收到一条状态码为400的最终消息:

  

[网络错误]:ServerError:响应失败:收到状态码400

该突变本身无需任何变量即可直接运行,并且所有值都直接在突变中设置,但我不知道为什么它认为未定义变量。

1 个答案:

答案 0 :(得分:6)

在操作中使用的任何变量都必须声明为操作定义的一部分,如下所示:

mutation SomeOptionalMutationName ($id: ID!) {
  trackPr(id: $id) {
    id
  }
}

这使GraphQL可以根据提供的类型验证变量,还可以验证变量是否在代替正确的输入。