vue打包中background-image图片路径问题

按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式：

data () {
    return {
        img: require('你的图片路径')
    }
}

div的写法：

<div :style="{backgroundImage: 'url(' + img + ')'}">
</div>

更简便的写法：

<div :style="{backgroundImage:`url(${img})`}">
</div>

 

原文链接：https://www.cnblogs.com/anns/p/8565033.html