在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进行展示，如果没有编译就不能加载出来。