Question

我正在为Angular练习<script type="text/javascript" src="js/filereader.js"></script> <script type="text/javascript" src="js/qrcodelib.js"></script> <script type="text/javascript" src="js/webcodecamjs.js"></script>和Graphql。

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

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

下面是我的GQL查询，它返回数据并显示在Apollo Client

中

GQL查询

Playground

我的客户端代码，

Service.ts

{
  getContent {
    metadata {
      type
      isRJF
    }
    data {
            name
      content {
        title
        description
        paragraphs {
          title
          text
        }
      }
    }
  }
}

Queries.ts

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);
  }
}

Component.ts

import gql from 'graphql-tag';

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

请告诉我我在这里做错了什么。

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

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
      }
    }
  }

Angular Apollo客户端返回错误请求

1 个答案: