本地图片v-for渲染后打包无法显示

使用

new URL('本地路径',import.meta.url).href

1. import.meta.url:

   • 在JavaScript模块中，import.meta对象提供了关于模块加载的元数据。
   • import.meta.url 返回的是当前模块的URL。

2. new URL(string, baseURL):

   • 这是JavaScript中URL构造函数的一个用法，用于创建一个新的URL对象。
   • 第一个参数 string 是一个URL字符串，这里是一个图片的路径。
   • 第二个参数 baseURL 是一个可选的基础URL，它被用来解析相对URL。在这里，我们使用 import.meta.url 作为基础URL。

3. .href:

   • URL对象有一个href属性，这个属性返回一个字符串，代表URL的完整文本。在这里，我们使用它来获取完整的图片路径。

就可以让图片显示了