如何使用來自 storyblok 的 Graphql 加載嵌套數據？

Question

我正在嘗試使用 graphql 查詢博客文章所需的所有信息。 我正在使用gridsome和storyblok 。 為此，我正在使用這個 插件。

第一個查詢使用 ID 加載來自特定博客文章的所有內容，但不加載類別或作者等嵌套數據。

例如：

<page-query>
    query StoryblokEntry ($id: ID) {
        storyblokEntry (id: $id) {
            id
            slug
            content
        }
    }
</page-query>

當我測試 ID 為“story-3850216-default”的查詢時，我得到以下結果：

{
  "data": {
    "storyblokEntry": {
      "id": "story-3850216-default",
      "slug": "hello-world",
      "content": {
        "_uid": "f5a0bd9d-ec13-4381-ae5f-a7e2bb093fbe",
        "title": "Hello World 👋",
        "authors": [
          "61dec800-1b17-443e-961a-1cf8ef08d803"
        ],
        "content": "hi",
        "component": "article-post",
        "categories": [
          "e1509e6e-2007-4d4b-8857-4bc1105c5505"
        ],
      }
    }
  }
}

我應該怎么做，以便立即加載作者和類別的值？

我的背景來自普通的 REST-API，現在我有點不知所措。

Answer 1

由於 Storyblok 將組件作為第一個 class 公民解決屬性，因此可以通過 resolve_relations api function 完成。 這使您還可以通過提供組件名稱和屬性 (YOUR_COMPONENT.YOUR_ATTRIBUTE) 來解析深度嵌套組件中的屬性。

{
  use: 'gridsome-source-storyblok',
  options: {
    ...
    params: {
      resolve_relations: 'article-post.authors,article-post.categories'
    }
  }
}