查了很多资料，各式各样的说法都有，有的人说vue3不能使用require，但是事实并非如此，经过我的实验，发现好像只能使用require才能将本地图片显示在网页上

//这里引用了element-plus 其实和img差不多
<el-image :src="require('/src/assets/qianbao.png')"></el-image>


这样就可以显示了
  

一些注意事项：

  1.如果你想require( 变量 ) 可能是不行的，这也是困扰我的一个问题，比如我cosnt一个url

const im='/src/assets/qianbao.png'

然后直接放在require

<el-image :src="require(im)"></el-image>

这样显示是会有错误的，图像加载不出来但是如果：

const im='qianbao.png'

<el-image  :src="require('/src/assets/'+im)"></el-image>

这样就可以成功显示了！！

所以如果有大佬知道这是为什么，也请在评论区解释一下，谢谢！