vue 静态资源的路径问题

解决方法:

1.将图片作为模块加载进去，比如images:[{src:require(‘./1.png’)},{src:require(‘./2.png’)}]这样webpack就能将其解析。

2.将图片放到static目录下，但必须写成绝对路径如images:[{src:”/static/1.png”},{src:”/static/2.png”}]这样图片也会显示出来，当然你也可以通过在webpack.base.config.js定义来缩短路径的书写长度。

3.用import引入

import img1 from '@/assets/img/appointBanner1.jpg';

carArr:[img1]