内容丰富的 graphql 从内容的媒体字段中获取指向图像的链接

Question

在 Gatsby 中使用 Contentful 时，如何通过 Gatsby 的 GraphQL 从内容的媒体字段中检索图像？ （就像图片的链接一样）

假设我有一个名为“Article”的内容模型，它包含以下 3 个字段：

field name	field type
title	Short text
description	Short text
photo	Media

我写了一个带有附加到“照片”的图像的内容。

当我转到 GraphQL 时，我可以在 allArticle.edges.node. 下找到“标题”和“描述”，但找不到“照片”。

如何从 GraphQL 检索内容中引用的媒体？

Answer 1

共有三个选项：

• 您的更改尚未发布：因此请发布。
• 你有以前的缓存：运行gatsby clean，然后再试一次
• 您尚未添加任何图像：所以添加它（发布您的更改）

显示图像并创建节点后，使用 GraphQL 片段获取它或所需的一堆参数（包含在片段中）：

{
  allArticle {
    edges {
      node {
        title
        description
        photo {
          fixed(width: 1600) {
            width
            height
            src
            srcSet
          }
        }
      }
    }
  }
}