запрос клиента apollo с параметрами - Vue

Question

Запрос клиента Apollo:

apolloClient
  .query({
    query: authQuery,
    variables: {
      login: payload.login,
      password: payload.password,
    },
  })
  .then((res) => console.log(res)

Содержимое authQuery (оно находится внутри file.gql):

query auth {
  data
}

Я всегда получаю следующий ответ:

{
  data: null
  loading: false
  networkStatus: 7
  stale: true
}

Хотя в GraphiQL я получаю правильный ответ:

Запрос в GraphiQL

{
  auth(login:"root@admin", password:"1234")
}

И ответ:

{
  "data": {
    "auth": "eyJhbGciOi8"
  }
}

Я подозреваю, что мой file.gql виновник? Или переменные внутри запроса не читаются?

Answer 1

Я должен был обернуть свой запрос следующим образом:

query Auth($login: String!, $password: String!) {
  auth (login: $login, password: $password)
}

Когда вы используете параметры с вашим Запросом, вам всегда нужно обернуть его таким образом.