vue背景图片和public引入问题及解决
作者:小小liang
这篇文章主要介绍了vue背景图片和public引入问题及解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue背景图片引入
~@的意思
@是webpack设置的路径名,代表的是src目录,可以在build / webpack.base.conf.js更改设置
~ 是相对于下面的文件路径的意思
background-image: url("~@/assets/image/mobile/bg.png");
background-size: 100% 100%;
public
./ 就是相对于public文件夹中取出img资源
itemUrl: "./img/assetList/G01GJ01020.png",
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
