vue3+vite引入静态资源问题记录

最开始使用字符串的方式引入静态资源

显示报错。搜索一番，说是要使用require(）方法

这回变成这样了，require is not defined

后面查资料知道，原来vite使用的是另一种静态资源引入的方法。

官方文档：https://www.vitejs.net/guide/assets.html#new-url-url-import-meta-url

换成了new URL的写法,图片成功显示了。

  const BannerImgSrc = new URL("./assets/banner.png", import.meta.url).href;
  const FoooterImgSrc = new URL("./assets/footer.jpg", import.meta.url).href;