Apollo GraphQL 客户端查询返回自省结果而不是数据

Posted 2023-03-08

【中文标题】Apollo GraphQL 客户端查询返回自省结果而不是数据

【英文标题】：Apollo GraphQL client query returns introspection result instead of data

【发布时间】：2020-02-15 05:21:02

【问题描述】：

我目前正在尝试使用 Apollo 作为 GraphQLNextJS 应用程序的 Squidex API 获取数据/em> 客户。 在localhost 和dev/production 模式下，一切正常。

在 Heroku 上部署应用程序后，相同的查询返回自省模式作为结果，而不是预期的数据。在一个真实的例子中，通过运行如下查询：

    queryPageContents(search: "Home") 
      ...PagesFragmentsPageId
      data 
        ...PagesFragmentsPage
        ...PagesFragmentsHome
      
    
  

  $Pages.fragments.pageId
  $Pages.fragments.page
  $Pages.fragments.home

基本上我是在询问有关网页的各种数据，使用片段等。 我的预期数据应该如下——比如localhost:

但是我在 Heroku 上收到了这个，而不是上面那个：

因此，我的应用程序无法渲染，因为我的代码查找名为 queryPageContents 的 JSON 节点 - 如第一个屏幕截图所示 - 但它当前正在接收 __schema 作为查询结果。所以这会导致前端出现500 错误。

我搜索了一下，发现这个graphql-disable-introspection 必须安装在服务器端。我不知道它是否可以解决这个问题，但我不知道这是怎么发生的。

对此有何建议？

提前感谢大家。

【参考方案1】：

Squidex 的 Sebastian Stehle 注意到，通过在数据加载检查后推迟页面数据初始化，问题得到解决。在这样的 NextJS 场景中：

[...]
  const loading, error, data = useQuery(PAGE_QUERY.pages.home);
  // Instead here, pages it's being moved after error/loading checking as follows

  // Exception check
  if (error) 
    return <ErrorDb error=error />
  
  // DB fetching check
  if (loading) 
    return null;
  

  // Data initialization here
  const pages = data.queryPageContents;

  return (
   // Page
   [...]
  );
[...]