Background image in Producion Mode changed

Flow
1

Hi,

I’ve have a issue about my background image in css. I used to put my css background image like this

background-image: url(../../unamebg.jpg);

where the folder path: webapp/frontend/images/unamebg.jpg.

When in developing mode the image is loaded with location :
http://localhost:8080/virtualsafemgmt/unamebg.jpg

But when i build in production mode the image is not show up and the location become:
http://localhost:8080/virtualsafemgmt/frontend-es6/unamebg.jpg
or
http://localhost:8080/virtualsafemgmt/frontend-es5/unamebg.jpg

Can someone help me on this? Thank you

2

Where is your CSS file located ?

3

webapp/frontend/images/unamebg.jpg I suppose.

The question is how do you build the application for production mode.
The vaadin maven plugin should be used for transpilation and also for copying resources.
In this case all frontend resources should be copied to the appropriate locations.