【发布时间】:2021-11-25 12:48:22
【问题描述】:
我已经坚持了一段时间了。 我正在尝试建立一个数字产品网上商店,使用 Vue + Strapi + Snipcart。
这是我在尝试使用产品结帐时遇到的错误: browser error message from 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 在本地运行和测试。 有没有人知道我做错了什么?非常感谢任何帮助。
谢谢。
【问题讨论】:
标签: checkout verification snipcart