Vue Storefornt中的产品图片问题

如何解决Vue Storefornt中的产品图片问题

我将Vue商店前台与magento 2集成在一起，前端工作正常，但产品图像未显示在前端中。它引发错误无法编译TypeScript：\ nsrc / image / action / local / index.ts（27,18）：错误TS2339：类型'Request 上不存在属性'query' 。还安装了imagemagick并定义了local.json中的imgurl。

任何人都请知道为什么会显示错误。

解决方法

大约this.req是Request的{​​{1}}类型的-它具有express属性。请确保您具有原始存储库中的query并重新安装依赖项。

如果使用的是docker，则可能需要添加： yarn.lock - './yarn.lock/var/www/yarn.lock'

中的“至卷”部分 ,

我找到了一个简单的解决方案，你可以试试

复制你所有的 magento 2 pub/media 数据到 vue-storefront-api/var/magento-folder/pub/media 要么 如果您在本地主机上工作，请创建一个符号链接

vue-storefront-api/config/local.json

“magento2”：{ "imgUrl": "http://magento-domain/pub/media/catalog/product","assetPath": "/../var/magento-folder/pub/media",}

vue-storefront/config/local.json

“图像”：{ “useExactUrlsNoProxy”：假， "baseUrl": "http://localhost:8080/img/",“useSpecificImagePaths”：假， “路径”：{ “产品”：“/目录/产品” },"productPlaceholder": "/assets/placeholder.jpg" },

在 vue-storefront 和 vue-storefront-api 中运行命令