新手求助,vue中使用v-bind动态绑定src图片显示空白,求解答,谢谢?

woah,
  • 1
新手上路,请多包涵

路径写死时可以正常显示图片

1.png

2.png

使用v-bind绑定时,路径正常显示,图片显示空白。~~~~

3.png

4.png

5.png

回复
阅读 2.1k
2 个回答

目前你的规则下, webpack 编译后的文件路径和你生产的路径是不一致的

你可以看你写死的那个 url, 到浏览器实际是 /img/12........jpg

所以如果你要在生产中使用这个 static/ 的路径, 要么你修改 webpack 的规则使其编译目标改变成这个, 要么自己在 web 服务器中传一份 static/

static目录是不编译的,可以直接使用/static/图片name

宣传栏