vue3 中动态绑定 img src 问题

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

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

我这里使用了文档中的  new url() 的方式：

 

 

build 后的文件：

 

 

 

参考：https://blog.csdn.net/Mjxiaomihu/article/details/128552151