盖茨比-内容丰富-Algolia搜索图像Webhook

Question

我的盖茨比/内容丰富的博客正在使用Algolia搜索博客文章。除了显示图像之外，一切工作都很好。

这是我已经使用Algolia模板在Contentful中创建的Webhook有效负载：

{
  "title": "{ /payload/fields/title/en-US}",
  "slug": "{ /payload/fields/slug/en-US}",
  "price": "{ /payload/fields/price/en-US}",
  "category": "{ /payload/fields/category/en-US}",
  "usages": "{ /payload/fields/usages/en-US}",
  "rating": "{ /payload/fields/rating/en-US}",
  "image": "https:{ /payload/fields/image/fields/file/url}"
}

我的阿尔及利亚查询如下：

algolia.js


{
    allContentfulStrains {
      nodes {
        id
        title
        slug
        price
        usages
        rating
        category
        image {
          file {
            url
          }
        }
      }
    }
  }

现在，当我键入gatsby构建时，算法正在接收的数据结构不正确。查看下面的图片。我希望结构为-image：image.url，这样我就可以获取图像的url并将其粘贴到hit组件中以显示图像。

algolia search image query

我的查询出问题了吗？