vite+vue3如何引用本地图片

vite+vue3如何引用本地图片

一、问题：在vue2中我们引入本地图片只需要用require把图片路径包裹起来。
例如：
但是，当我们用vite项目时会发现，使用require图片是出不来的。
例如：

我们会发现页面并没有图片进行显示，并且控制台报错

然后百度了相关问题，发现vite有自己的处理方式，详见

https://cn.vitejs.dev/guide/assets.html
结合自己案例去修改相关代码


最后就是图片展示效果了

最后，在写项目的过程中，我们会碰到很多问题，网上的前辈们已经帮我们碰到过了，所以就需要我们善于去找到问题的答案并实际运用的自己的项目中，这是一个有趣的过程。