Vite+vue3打包后报错 Failed to constru

Vite+vue3打包后报错 Failed to construct ‘URL‘: Invalid URL

网上查资料解决方式是：

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

这种解决方式在高版本浏览器是可以的，但是在chrome的75版本是不可以的。如果不管低版本浏览器，以上方法就够用了，下面是从本质上去解决问题。

这个bug是由于我们在img标签引入静态图片的时候使用了：new URL(路径, import.meta.url).href

知识点：new URL 第一个参数是 路径，不是字符串

报错原因分析：
在其他地方配置了new URL 第一个变量的参数，定义了一个路径，虽然我们认为他是路径，实际上对于代码来说他就是一个字符串

解决方法：
在配置的位置加上http 地址前缀，比如location.origin + 地址 即可 或者

//在全局window定义了一个url 
window.url = '/img/bg.png'

<img src="theImg"/>
let theImg = new URL( location.origin + window.url , import.meta.url).href