0

我已经坚持了一段时间了。我正在尝试使用 Vue + Strapi + Snipcart 建立一个数字产品网店。

这是我尝试使用产品结帐时遇到的错误： 来自 snipcart 的浏览器错误消息

但是，如果我使用没有附加指南的普通产品进行测试 - 一切都很好，交易也会进行。我使用 snipcart 的 JSON 爬虫。因此，我从我的 API 中创建了一个包含所有产品的端点。

JSON structure
{ 
"_id":"618ff1327f4e2824f09134cf",
"price":123,
"file_guid":"7571fd60-a403-404c-b27a-616c0856e1ee",
"id":"618ff1327f4e2824f09134cf"
}
...

我想到的唯一一件事是 - 我没有在我的 JSON 文档中正确引用 guid 我也尝试过- 它没有用guid。file_guid

最后这是我的“添加到购物车”按钮代码：

<v-btn dark depressed class="mt-5 snipcart-add-item"
  :data-item-id="productDetails.id"
  :data-item-description="productDetails.shortDescription"
  :data-item-price="productDetails.price"
  :data-item-image="apiUrl + productDetails.image.url"
  :data-item-name="productDetails.title"
  :data-item-url="'https://92ef-91-101-56-233.ngrok.io/products/snipcart'"
  :data-item-max-quantity="1"
  :data-item-min-quantity="1"
  :data-item-file-guid="productDetails.file_guid"
  >ADD TO CART</v-btn>

一切都在使用 ngrok 在本地运行和测试。有没有人知道我做错了什么？非常感谢任何帮助。

谢谢。

4

1 回答 1

0

我设法弄清楚了这个问题。我怀疑我引用guid了错误的 (file_guid和guid)，这就是为什么 snipcart 的 JSON 爬虫返回错误的原因。我在一些随机存储库中发现您必须在 API 中使用该名称 fileGuid，否则爬虫将找不到它。

于 2021-11-25T14:22:19.203 回答