vue中如何动态显示图片

Question

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

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

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

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