vue3 动态获取 img中的src地址

 

 

vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上 hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题。

vite官方文档的解释：
https://vitejs.bootcss.com/guide/assets.html

 

PS：除非在不 build 的情况下，可以使用以下的方法，否则这种方法就不要使用了。

<img :src="`/src/assets/home/${name}.png`" alt="" />