使用 vite 在数据 属性 或 vue 3 中的方法中引用资产

Question

我刚开始使用 Vue 3 和 vite，一切都在开发中运行良好。但是，当我构建用于生产的应用程序时，数据 属性 中声明的资产将被忽略并在生产构建中抛出 404。这是数据对象的样子...

data() {
    return {
      testimonials: [
        {
          customer_name: "John Doe.",
          comment: "Some customer comment here...",
          image: "/src/assets/img/awesome_customer.png",
        },
        ...
      ]
    }
}

将资产引用为 "/src/assets/img/awesome_customer.png" 在模板标签中有效，并且产品会正确地捆绑它，但如果它用于数据 属性 或方法中则不行。

对于 vue-cli，我们会使用 require() 但我还没有设法让它工作，关于如何实现这个的任何想法？

更新： 我设置了一个示例 repo here 来演示我指的是什么。自述文件包含重现的步骤。

Answer 1

升级到 vite 2.0 并导入图像而不是直接在数据对象中引用它们解决了这个问题。虽然想知道是否有更好的方法。

大家可以关注讨论here