Antd的Image引入无法显示

在写毕设的过程中，发现Image的src设置后无法显示，后续搜集资料发现是因为Image组件无法读取相对路径，一开始写的：

当然，在这里绝对路径也不行。。。

网上的解决办法是使用require引入，结果发现：

搜集资料才知道，因为我刚开始使用的是vite构建的，而vite的这个错误也是为了提高构建速度和浏览器兼容性而进行的优化，解决办法：

下载插件（这个插件就是将代码从 require 语法转换为 import ）

yarn add -D vite-plugin-require-transform

可以显示了，但如果改成require（item）又会报错，没办法显示我想要的效果，最后解决措施：

new URL() + import.meta.url

这种方式传入的变量可以动态传入文件路径！！

定义一个方法：