首先说明vue-cli中assets和static两个文件的区别 1.assets在项目编译的过程中会被webpack处理理解为模块依赖，如果执行npm run dev或npm run build命令行，assets会被编译，导致路径发生变化，所以如果写成绝对路径，会存在问题 2.static ...

1，根据类型拼接对应的图片 2.js 3.data ...

html js 图片image 背景图片(添加一个style) ...

图片放置在assets下面，然后写到data中是不会被解析的。如果想要解析，就利用require方法引用一下。 比如在假的json中引用如下属性： 　 1 　img1:require('../../assets/images/1.jpg') 需要require引用图片路径 ...

在工作中常常有这个需求就是特别是类似管理系统的左侧菜单，自定义一些图片的时候，需要渲染本地的img资源 这些图片资源往往是放在本地的assets/images下的，如果成功渲染除这些资源呢，我的做法是 第一步，在utils下新建一个menu.ts文件，然后在里面配置我的菜单 ...

img标签中相对路径引用 使用~@引用 使用require引用 使用import引用 背景图相对路径引用 使用~@引入 ...

...

错误的引入方式： 因为webpack是按字符号打包的，正确的引入方式： 1.import在外部引入 2.require内部引入 参考---https://blog.csdn.net/qq_36485978/article ...