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

  • Post author:
  • Post category:vue




随笔-问题记录




环境

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等的说明,大家需要深究的可以去看下。



最后

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



版权声明:本文为qq_37446971原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。