vite 官方默认的配置,如果资源文件在assets文件夹打包后会把图片名加上 hash值,但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析,导致开发环境可以正常引入,打包后却不能显示的问题。
vite官方文档的解释:
https://vitejs.bootcss.com/guide/assets.html
PS:除非在不 build 的情况下,可以使用以下的方法,否则这种方法就不要使用了。
<img :src="`/src/assets/home/${name}.png`" alt="" />
标签:src,assets,img,打包,vue3,vite From: https://www.cnblogs.com/wjm956/p/17223678.html