Vaadin 14 应用程序中的背景图像无法加载

Question

我目前正在使用Spring boot开发Vaadin 14 Webapp。 我想使用 css 向应用程序添加背景图像，但浏览器总是说它无法加载图像。

瓦丁视图：

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

样式.css

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

由于我使用的是 Spring boot，我的项目结构如下所示：

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

当我将图像 URI 替换为网络图像的 URL 或使用渐变作为背景图像时，一切正常。

Answer 1

默认情况下，图像应放置在 src/main/resources/static 中。