Vaadin 14 应用程序中的背景图像未加载答案

【问题标题】：Background-image in Vaadin 14 Application does not loadVaadin 14 应用程序中的背景图像未加载
【发布时间】：2019-10-21 16:19:47
【问题描述】：

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

VaddinView：

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

styles.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

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

【问题讨论】：

1. background-image: url("images/background.jpg"); 或 background-image: url("frontend/images/background.jpg"); 会发生什么？ 2. 为什么没有使用 src/main/webapp 或 src/main/resources 来支持frontend 文件夹？

标签： java css spring-boot vaadin vaadin14

【解决方案1】：

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

【讨论】：

当我在开发模式下使用 spring-boot 运行应用程序时工作。但是当我在 tomcat 上部署战争时，图像仍然无法加载。
您能否检查 WAR 文件的内容以确保其中包含图像？
是的，它在 WAR 文件中。在 /WEB-INF/classes/static/images/ 下。