问答

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

作者:admin 2021-06-16 我要评论

路径写死时可以正常显示图片 使用v-bind绑定时,路径正常显示,图片显示空白。~~~~ ### 目前你的规则下, webpack 编译后的文件路径和你生产的路径是不一致的 你...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

1.png

2.png

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

3.png

4.png

5.png

###

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

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

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 新手求助,vue中使用v-bind动态绑定src

    新手求助,vue中使用v-bind动态绑定src

  • 小程序中图片加载问题

    小程序中图片加载问题

  • Jackson 反序列化泛型属性

    Jackson 反序列化泛型属性

  • vue 如何接收文件拖放并提取路径?

    vue 如何接收文件拖放并提取路径?

腾讯云代理商
海外云服务器