时间戳

首页 > 解决方案 > vue中如何动态显示图片

javascript - vue中如何动态显示图片

问题描述

我们有一个产品列表，每个产品都有自己的 ID 和图像。

getImgUrl(id) {
      return require(`../../../../../img/products/accessory-${id}.png`);
    },

这些图像位于我在其中安装 vue 应用程序的 wordpress 站点的 wp-uploads 文件夹中。通常我们可以只对图像源使用绝对路径，但我需要让这个图像源在运行时可用，而不仅仅是在编译期间，这require在 return 语句中使用，但它只在我的本地开发服务器上工作，而不是在生产构建。

我对 webpack 不太了解，但我正在努力学习更多。正确方向的任何点都会很可爱。谢谢！

标签： javascriptimagevue.jswebpackwebpack-dev-server

解决方案

推荐阅读