[Vuejs]-I have a problem loading background-image in vue js's style tag

1👍

This is truly embarrassing but the problem was the case…

image folder was with uppercase "I" but I wrote

"~@/components/images/Cover1.jpg"

instead of

"~@/components/Images/Cover1.jpg"

so it didn’t load the image even though strangely enough it didn’t give any errors

This was a silly thing to panic about… at least I contributed to the community -.-

0👍

actually in vue static files should be in assets folder

background-image: url("~@/assets/images/Cover1.jpg");

still for your case try this path

background-image: url("~@/components/images/Cover1.jpg"); 

*note the tilda ~ key at the start

Leave a comment