webpack中background-image的图片路径问题

在用vue做一个练习的时候遇到一个问题,相同的路径,我将路径写在html中,就找不到路径,如图所示:
clipboard.png
谷歌效果和报错,看下图:

clipboard.png

background-image写在html中的效果

clipboard.png

谷歌中的报错

神奇的是,我把这个background-image写在css中的时候路径就正常了,如下图:

clipboard.png

写在css中

clipboard.png

效果

之后,我还测试了相同路径写在img中,也是可以的,唯独写在html中的background-image出错。
还有就是,我之所以将background-image写在html中,是因为我最后要通过vue来动态构造这个路径。
当然,如果用img也没问题,只是我想知道这个问题的所在,和解决方案,希望大神的回答。

阅读 7.3k
3 个回答

你写在css里获取到的真实图片路径是什么。?

新手上路,请多包涵

因为你写的是相对路径

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