当我从 Angular 传递 graphql 查询时，为啥 GraphQL 控制器中的参数查询为空？

Posted 2023-03-08

【中文标题】当我从 Angular 传递 graphql 查询时，为啥 GraphQL 控制器中的参数查询为空？

【英文标题】：Why parameter query is null in GraphQL Controller when I pass graphql query from Angular?当我从 Angular 传递 graphql 查询时，为什么 GraphQL 控制器中的参数查询为空？

【发布时间】：2018-08-02 18:44:38

【问题描述】：

我正在尝试使用 GraphQL，我正确构建了所有内容，但是当我从 Angular 应用程序参数“查询”在方法中调用图形控制器时为 null，但是当我从 Postman 调用时，一切正常。

另外我使用 Apollo 连接 GraphQl。

查看我的 GraphQl 控制器：

[Route("graphql")]  
    public class GraphQLController : Controller
    
        [HttpPost]
        public async Task<IActionResult> Post([FromBody] GraphQLQuery query)
        
            try
            
                var schema = new Schema  Query = new StarWarsQuery() ;

                var result = await new DocumentExecuter().ExecuteAsync(_ =>
                
                    _.Schema = schema;
                    _.Query = query.Query;

                ).ConfigureAwait(false);

                if (result.Errors?.Count > 0)
                
                    return BadRequest();
                

                return Ok(result);
            
            catch (Exception ex)
            
                throw new Exception();
            
        
    

这是我的角度代码：

import  Component, OnInit, Query  from '@angular/core';
import  Apollo  from 'apollo-angular';
import  Observable  from 'rxjs/Observable';
import  map  from 'rxjs/operators';

import gql from 'graphql-tag';
import  Course, CourseList  from './types';

@Component(
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
)

export class AppComponent implements OnInit 
  constructor(
    private apollo: Apollo
  )  

  courses: Observable<Course[]>;

  ngOnInit() 

    this.apollo.query(query: gql`query  allCourses id title author descriptin topic url `).subscribe(console.log);
  

邮递员请求：

"query": "query  allCourses id title author descriptin topic url "

邮递员的请求一切正常：

但是当我尝试从角度发送时，查询为空：

【问题讨论】：

您找到解决方案了吗？我有完全相同的问题

我记得我从我的项目中删除了 'apollo graphql' 并提出了简单的 http 请求并在参数中添加了查询。如果您有任何问题，我会在这里发布真正的工作简单

【参考方案1】：

以防万一其他人遇到此问题，我找到了解决方案！ 如果您导航到 GraphQLQuery 类的定义，请将 public string Variables get; set; 从 string 更改为 object，这样它就变成了：

public object Variables get; set;

查询将不再为空