vue-lazyload 路径问题

请教一个问题:

目录

__ src

  |_ assets

     |_imgs

        |_ imgloading.gif

        |_ imgerror.jpg

__ static

  |_ imgloading.gif

  |_ imgerror.jpg

// src/main.js

Vue.use(VueLazyload, {

  error: './assets/imgs/imgerror.jpg',

  loading: './assets/imgs/imgloading.gif',

  preLoad: 1,

  attempt: 1

});

执行npm run dev在浏览器中报错http://localhost:8080/assets/images/.... 找不到,把上面的路径改成/src/assets/imgs/imgerror.jpg同样报错。
然后我把图片放在与src同级的文件夹static下面,改写代码:

// src/main.js

Vue.use(VueLazyload, {

  error: '../static/imgerror.jpg',

  loading: '../static/imgloading.gif',

  preLoad: 1,

  attempt: 1

});

图片就可以加载成功,想到很久没上面头绪。

哈士奇WWW
浏览 397回答 1
1回答

元芳怎么了

require('./assets/imgs/imgerror.jpg')
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript