Фоновое изображение в приложении Vaadin 14 не загружается

В настоящее время я разрабатываю веб-приложение Vaadin 14 с использованием Spring загрузки. Я хочу добавить в приложение фоновое изображение с помощью css, но браузер всегда сообщает, что не смог загрузить изображение.

VaddinView:

@Route("")
@CssImport("./styles/styles.css")
public class MainView extends VerticalLayout {
...

styles.css

html{
    background-image: url("../images/background.jpg");
}

Поскольку я использую загрузку Spring, моя структура проекта выглядит так:

project
 -src
   -main
     -java
       -...
          -MainView.java
     -resources
   -test
 -frontend
   -styles
     -styles.css
   -images
     -background.jpeg

Когда я заменяю URI изображения URL-адресом веб-изображения или использую градиент в качестве фонового изображения, все работает нормально.

1 ответ

По умолчанию изображения должны быть помещены в src/main/resources/static.

Другие вопросы по тегам