Блог

Мой блог Gatsby / Contentful использует Algolia для поиска по сообщениям в блоге. Все работает просто отлично, помимо отображения изображений.

Это полезная нагрузка веб-хука, которую я создал в Contentful с помощью шаблона Algolia:

 {
  "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 выглядит следующим образом:

 algolia.js


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

  

Теперь, когда я набираю gatsby build, данные, которые получает algolia, структурированы неправильно. Посмотрите на изображение ниже. Я хочу, чтобы структура была — image:image.url, чтобы я мог получить URL изображения и вставить его в компонент hit для отображения изображений.

запрос изображения в algolia search

Что-то не так с моим запросом?