background-image具体的属性使用在这儿就不说了。

首先这是我的项目的文件目录:

图片是放在assets里面,具体页面的模块是放在components里面。当在本地开发时候,页面模块里面的scss文件使用background-image要引用assets的图片时候:

路径也是相对路径但是当发布到线上的时候,会发现图片是没有显示的。

经查找原因:所有的scss文件经过编译后会被压缩到同一个文件中index.scss,导致路径改变了。

处理:将该属性写在index.scss里面就解决了。如下图:

 

版权声明:本文为FrankieWei原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/FrankieWei/p/10097171.html