动态图片加载失败

来源:6-2 商品列表数据渲染实现

PYLdora

2019-11-27

老师你好,我在下载了初始代码经过简单的修改后,发现图片无法正常加载出来,经过地址的修改,终于可以展示出logo,图片如下⬇️
图片描述
然后我发现动态加载的图片全部加载不出来,起初是用的原代码,就是"v-lazy="’/staitc/’+item.productimg"。经过多次修改,还是不行,修改后的代码如下⬇️
图片描述
对应的,在json文件里面,完善了部分地址,测试每种可能性,还是不行(绝对路径,相对路径全试过),加载出来的netwrok如下⬇️
图片描述
图片描述
⬆️显示在根目录下的static中的图片,但是打开source,并没有发现⬇️,使用源代码亦是同样的效果
图片描述
本人是webpack小白,用的vue-cli版本是3.0 版本,网上找的vue.config.js配置,具体如下图:
图片描述
图片描述
具体问题找了两天了,还是找不到症结所在,希望老师可以帮忙看一看,指导一下,谢谢~

写回答

1回答

河畔一角

2019-11-27

图片素材有拷贝到项目里面吗?检查你的项目里面有没有图片素材,我看你的路径没什么问题,但是static文件夹里面是空的。您加我534877846,我远程看一下

0
2
PYLdora
老师我经过多次尝试解决了,解决方法是将static文件夹放在了pubilc文件夹里面,这样原编码的动态路径可以访问到,并且正常显示,我想请问下如果这样对打包有影响吗?
2019-11-28
共2条回复

Vue2.6+Node.js+MongoDB 全栈打造商城系统

课程全面升级,Vue2.6+Koa2,从前端入门全栈,让你的未来更宽广

2634 学习 · 924 问题

查看课程