vue项目里想添加背景图片,出现下面的

vue项目里想添加背景图片,出现下面的问题

img


代码如下:

img

img

是红框处的路径有问题吗?
文件路径:

img

bg1.jpg

img

你实际图片文件名是bg1.jpg
vue中却写成了pg1.jpg

img

img

图片不需要用require()导入
改成

backgroundImage: "url('../../assets/images/bg1.jpg')",

或者相对于网站根目录的地址

backgroundImage: "url('/src/assets/images/bg1.jpg')",

如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632