vue3+vite使用require引用图片失效问题

首先，这个问题的原因跟vue无关，是vite引用只支持import，require是隔壁webpack的引用方式，

vite用自身的url可以用import.meta.url来拼装项目路径，如下：

这个原理只不过是在发布的地址上去找对应图片，而且只会找项目中public文件夹下的图片资源，assets文件夹下的图片资源找不到

（原因是public文件夹下的资源会随项目发布成单独资源，assets下的图片资源都是本地的相对路径，服务器发布就找不到了）

  所以，

1. 首先把图片放public下

2. 用上述vite下的require函数引入图片即可使用

另外，建议用svg直接作图，svg的icon可以直接引用，毕竟是直接画在页面上的代码级别的。