使用在项目中不起作用的GraphQL检索Nuxtjs中的棱镜切片内容

Question

当在浏览器中测试查询时，我可以很容易地查询切片，但是一旦在我的项目中，当我试图查询棱镜切片时，它就完全崩溃了。软件包: apollo-client、apollo-cache-inmemory、apollo-link-prismic

该查询类似于：

{
  thepage(uid: "page", lang: "en-gb") {
    page_title
    page_description
    body {
      ... on ThePageBodyHero {
        type
        fields {
          title
          description
          button_text
          button_link {
            _linkType
          }
        }
      }
    }
  }
}

这在界面中有效，但只要我在项目中添加slices部分，查询就会返回404。

Answer 1

当使用带有切片的Apollo客户端时，您需要有一个适当的缓存设置来解析切片。这意味着拥有一个基于对Prismic：https://www.apollographql.com/docs/react/advanced/fragments#fragment-matcher的自检查询的片段匹配器。我们计划在阿波罗的棱镜库中做这件事，这样人们就不必再关心它了。在你的例子中，你得到了404，但是看看谁返回了404会很有趣，因为所有的症状似乎都会导致我刚才解释的结果。如果您有更多信息，请告诉我;)

同时，这里有一个适当的实现：https://github.com/birkir/gatsby-source-prismic-graphql/blob/master/packages/gatsby-source-prismic-graphql/src/utils/getApolloClient.ts#L17