Vue3中图片资源链接的方式 new URL

环境为

Vite Vue3

#需要的改动

vite.config.ts

optimizedeps: {
    esbuildoptions: {
      target: 'es2020'
    }
  },
  build: {
    target: 'es2020'
  },

图片存放地址

如何使用这些图片

标签内使用

<img src="/image/carLOGO.png" alt="" srcset="" />

数据动态绑定

 <div class="img"><img :src="img"></div> //使用
 cosnt img = ref(new URL("/image/car2.jpg", import.meta.url).href)//声明