美文网首页
vue 静态资源的路径问题

vue 静态资源的路径问题

作者: Gino_Li | 来源:发表于2019-04-18 19:34 被阅读0次

解决方法:

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]

相关文章

网友评论

      本文标题:vue 静态资源的路径问题

      本文链接:https://www.haomeiwen.com/subject/itcxgqtx.html