vue3 动态图片打包，现实路径错误

项目中栏目带有图标，如果利用路由集合来循环栏目，可能会出现图标路径错误。

成功后的效果：

 

 

template页面内容：

script内的方法：

 

关于es6  import.meta.url  可以去阮一峰老师的   es6标椎入门教程  进入查看

https://www.bookstack.cn/read/es6-3rd/spilt.10.docs-proposals.md

路由页面：