vue3++elementplus+vite显示本地图片

        今天写项目时需要将本地图片在页面上展示，希望使用el-image组件展示，img倒也可以。由于要预览图片，所以使用el-image更方便一点。

        废话不多说，上正文：

        需求：展示本地图片并可以预览

        问题：img只能直接写路径，使用变量保存路径，然后img的:src=变量名--无法加载。

                  el-image无法直接使用本地路径

        网上查出的办法：

                1.使用require

                        结果：报错：ReferenceError: require is not defined--看网上说是vite不在支持这种办法了。

                2.new URL(url, import.meta.url)，

                例如：const fileList = {
                        baseTexture: new URL('@/assets/echarts/earth.jpg', import.meta.url).href ,
                   }

        但是问题还是没有解决。

        固然，使用img的src=本地图片的相对/绝对路径可以显示图片，但是预览时就不行了，还是没有解决问题。

        最后发现一种笨的方法：

                import 图片名称 from 图片地址

                这样引入很笨，但是确实解决了问题，不仅可以使用变量保存，而且也支持img的:src和el-image的src的使用。

        仅作记录，以供后用和网友参考。欢迎大家给出更好的解决办法。