[JavaScript知识库]在vue项目中，如果需要动态绑定项目本地图片的画，有时会加载不出来

在vue3.0项目中，如果需要动态绑定项目本地图片的画，有时会加载不出来，为了解决这个问题，
我遇到了2次。每次曾经花了半天到1天的时间进行解决，在此记录一下：
(1). 处理路径，取到项目中 / 根路径
setup(props) {
? ? const baseUrl = reactive({
? ? ? photo: process.env.BASE_URL,//图片基地址
? ? })// "/"
? ? const imgUrl = computed(() => `${baseUrl.photo}img/${props.item.name}.jpg`)
? ? return {
? ? ? imgUrl
? ? }
? }

html中直接用处理好的路径： <img :src="imgUrl" alt="" />
解决的思路是，vue项目在进行编译之后，会把图片编译成base64进行展示，如果没有编译就不能加载出来。