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

如何解决contentful graphql 从内容的媒体字段中获取指向图像的链接

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

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

字段名称	字段类型
标题	短文
说明	短文
照片	媒体

我写了一个在“照片”上附有图片的内容。

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

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

解决方法

共有三个选项：

• 您的更改尚未发布：请发布它们。
• 您拥有之前的缓存：运行 gatsby clean 并重试
• 您还没有添加任何图片：所以添加它（发布您的更改）

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

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