Angular Apollo 客户端返回错误请求

Posted 2023-03-08

【中文标题】Angular Apollo 客户端返回错误请求

【英文标题】：Angular Apollo client returning bad request

【发布时间】：2019-06-25 17:36:30

【问题描述】：

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

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

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

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

GQL 查询

  getData 
    data 
      type
    

我的客户端代码，

Service.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);
  

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

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

【参考方案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