.Net 核心 3.1 + GraphQL ==> "error": "Unexpected end of JSON input"

.Net core 3.1 + GraphQL ==> "error": "Unexpected end of JSON input"

我开发了一个 .net core 3.1 web API 并添加了 GraphQLPlayGround。当我尝试启动 Playground 时,我遇到了这个让我感到厌烦的错误。我在谷歌上搜索了太多次,并且阅读了很多关于它的文章和论坛,并且尝试了他们建议的方法,但问题仍然存在。另外,我应该说 .net core 2.2 没有这个问题。

我决定简化我的解决方案并删除我的项目的多余叶子并将其上传给您,以便您可以帮助我。 我目前正在处理的那个项目的简化版本可用 here on google drive
另外,我找到了一个 .net core 3.1 的解决方案,它没有这个问题,但我仍然找不到我的错误。我已经上传了这个正确的解决方案 here.

在这个简化版本中,我没有连接到数据库,也没有将任何相关的包添加到项目中。我在这个简化版本中返回内存中的数据,而不是联系数据库。

这是我遇到的错误的图片:

而简化项目的.csproj文件如下:

<Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>netcoreapp3.1</TargetFramework>
    <RootNamespace>NetCore3._1GraphQL</RootNamespace>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="graphiql" Version="1.2.0" />
    <PackageReference Include="GraphQL" Version="3.0.0-preview-1352" />
    <PackageReference Include="GraphQL.Server.Ui.Playground" Version="3.4.0" />
    <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="3.1.1" />
    <PackageReference Include="RandomNameGeneratorLibrary" Version="1.2.2" />
  </ItemGroup>

</Project>

加入startup.cs

public void ConfigureServices(IServiceCollection services)
    {
        //add this
        services.AddSingleton<MyAppSchema>();
    }

根据简化和错误的项目 afaict,它配置了一个将 /graphql 端点映射到控制器但不包含匹配控制器的路由。因此,服务器 returns 404 响应和 graphql playground 产生错误消息。添加控制器(或中间件)使其工作。

以下是对简化和错误的项目所做的更改,使其有效:

  1. 添加一个 api 控制器匹配 /graphql 路由。
// GraphqlController.cs
// using statements are omitted
namespace NetCore3._1GraphQL.Controllers
{
    [ApiController]
    [Route("[controller]")]
    public class GraphqlController : ControllerBase
    {
        private readonly IServiceProvider _provider; 
        private readonly IDocumentExecuter _executer;
        private readonly IDataLoaderContextAccessor _loader;

        public GraphqlController(
            IDocumentExecuter executer,
            IServiceProvider provider, 
            IDataLoaderContextAccessor loader)
        {
            _executer = executer;
            _provider = provider;
            _loader = loader;
        }

        [HttpPost]
        public async Task<IActionResult> Post([FromBody] GraphQLRequest graphQLRequest)
        {
            if (graphQLRequest == null)
            {
                throw new ArgumentNullException(nameof(graphQLRequest));
            }

            var _query = graphQLRequest.Query;
            var _inputs = graphQLRequest.Variables?.ToObject<Inputs>();
            var _options = new ExecutionOptions
            {
                Schema = new GraphQLSchema(_provider)
                {
                    Query = new GraphQLQuery(_loader),
                },
                Query = _query,
                Inputs = _inputs,
                FieldNameConverter = new PascalCaseFieldNameConverter()
            };

            try
            {
                var result = await _executer.ExecuteAsync(_options).ConfigureAwait(false);

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

                return Ok(result);
            }
            catch (Exception ex)
            {
                return BadRequest(ex);
            }
        }
    }
}

  1. 取消注释 BaseGraphQLQuery.cs 中的 public JObject Variables { get; set; } 行。

  2. BaseGraphQLQuery class 是 GraphQL 请求的实现,而不是 GraphQL 查询。将其重命名为 GraphQLRequest 或将控制器的 post 操作中的参数名称更改为 BaseGraphQLQuery.