Angular Apollo客户端返回错误请求

Question

我正在为Angular练习Graphql和Apollo Client 。

我在从客户端创建查询时遇到问题。

我已经在后端成功创建了graphql查询。

以下是我的GQL查询，该查询返回数据并将其显示在Playground

GQL查询

{
  getData {
    data {
      type
    }
}

我的客户端代码，

服务

export class ContentService {
  constructor(    private apollo: Apollo,
    ) {
      this.getContent();
    }

   async getContent(): Promise<any> {
    const response: any = await this.apollo.query({query: getContentQuery}).toPromise();
    return console.log(response);
  }
}

请告诉我我在做什么错。

无法找到解决方案的答案。 请帮忙。

Answer 1

因此，这是您在客户端的查询：

import gql from 'graphql-tag';

export const getContentQuery = gql`
  query getContent {
    metadata {
      type
    }
  }

query getContent是您在代码中为查询指定的名称，但不是发送到后端的实际“查询名称”。 我认为您必须执行以下操作：

import gql from 'graphql-tag';

export const getContentQuery = gql`
  query getContent {
    getContent {
      metadata {
        type
      }
    }
  }