动态图片加载失败

Question

老师你好，我在下载了初始代码经过简单的修改后，发现图片无法正常加载出来，经过地址的修改，终于可以展示出logo，图片如下⬇️

然后我发现动态加载的图片全部加载不出来，起初是用的原代码，就是"v-lazy="’/staitc/’+item.productimg"。经过多次修改，还是不行，修改后的代码如下⬇️

对应的，在json文件里面，完善了部分地址，测试每种可能性，还是不行（绝对路径，相对路径全试过），加载出来的netwrok如下⬇️


⬆️显示在根目录下的static中的图片，但是打开source，并没有发现⬇️，使用源代码亦是同样的效果

本人是webpack小白，用的vue-cli版本是3.0 版本，网上找的vue.config.js配置，具体如下图：


具体问题找了两天了，还是找不到症结所在，希望老师可以帮忙看一看，指导一下，谢谢～

Answer 1

河畔一角 2019-11-27 09:24:37

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

• 提问者 PYLdora #1

  好的，我明天加，谢谢老师～

• 提问者 PYLdora #2

  老师我经过多次尝试解决了，解决方法是将static文件夹放在了pubilc文件夹里面，这样原编码的动态路径可以访问到，并且正常显示，我想请问下如果这样对打包有影响吗？