关于在Vue中img标签通过“src='相对路径'”方式和background通过“url('相对路径')”方式加载图片失败的一种情况及其解决办法

随笔-问题记录


环境

vue版本:2.5.2
webpack:3.1.0
url-loader:3.0.0

出现问题

在这里插入图片描述

解决办法

降低url-loader包版本
(应该在特定情况下才有用)

在这个问题上耗了老半天时间,最后新建了个项目,发现没这个问题,盲猜可能是包的版本问题(因为需要更新了几个包)。因为是路径相关问题,所以就把url-loader包的版本给降了,然后问题就消失了~~~消失了~~~消失了~~~消失了~~~

原因分析

后来在自己项目里将url-loader升回3.0.0发现问题问题没有再次出现。通过
vue init webpack my-project
命令新建项目,然后升级url-loader,问题依然存在。所以猜测应该是和其它包的版本不兼容的问题,这里提供下关于url-loader文档的链接(url-loader),里面还有关于file-loader等的说明,大家需要深究的可以去看下。

最后

笔者水平有限,如有问题欢迎评论区私信批评指正讨论ヽ( ´ω`)ノ。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值