Блог

Привет, у меня есть проект nuxt strapi, и я использую Snipcart для платежей.

Текущий вызов страпи:

 async asyncData({ $strapi, route, i18n }) {  const response = await $strapi.find('products', {  _locale: i18n.locale,  slug: route.params.slug,  })  const product = response[0]  return { product } },  

Это кнопка, которую я сейчас использую:

 lt;button  v-if="product.suscription === true"  class="  snipcart-add-item  mt-4  bg-white  border border-gray-200  d  hover:shadow-lg  text-gray-700  font-semibold  py-2  px-4  rounded  shadow  "  :data-item-id="product.id"  :data-item-price="product.price"  :data-item-url="`${storeUrl}${this.$route.path}`"  data-item-payment-interval="Month"  data-item-payment-interval-count="2"  data-item-payment-trial="10"  :data-item-description="product.description"  :data-item-image="product.image.formats.small.url"  :data-item-name="product.name"  v-bind="customFields" gt;  {{ $t('cart.suscription') }} lt;/buttongt;  

И это сообщение об ошибке после нажатия кнопки добавить в корзину:

 VM1788 snipcart.js:1 A 'system' error occured in Snipcart.Received invalid payload from server  {data: undefined, kind: 'system', code: 'snipcart_error_operation_failed', message: 'snipcart_error_operation_failed', technicalReason: 'Received invalid payload from server'} code: "snipcart_error_operation_failed" data: undefined kind: "system" message: "snipcart_error_operation_failed" technicalReason: "Received invalid payload from server"  

В конечном итоге это приводит к ошибке «ошибка обхода продукта» после оформления заказа. Я не могу понять, что мешает Снипкарту получить всю информацию от Страпи.