静态资源处理 | Vite 官方中文文档

function getImageUrl(name:string) {
  return new URL(`.../assets/images/${name}.png`, import.meta.url).href
}

.png也可以传过来

function getImageUrl(name:string) {
  return new URL(`.../assets/images/${name}`, import.meta.url).href
}

使用

<img :src="getImageUrl(item.name)" />

参考：

vue3+vite assets动态引入图片的三种方法及解决打包后图片显示问题