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

新手上路,请多包涵

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

1.png

2.png

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

3.png

4.png

5.png

阅读 3.4k
2 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题