vaadin如何添加静态资源答案

【问题标题】：How to add static resources to vaadinvaadin如何添加静态资源
【发布时间】：2014-08-13 09:28:08
【问题描述】：

我正在运行一个 vaadin 应用程序，并且有一些使用“url()”语法引用图像的 css 文件。

但是图像不可用，并且在服务器端出现错误：

rejecting published file request for file that has not been published

我尝试将它们几乎放在任何地方（WEB-INF、WEB-INF/classes、VAADIN、VAADIN/themes/.. 等），但它们仍然无法访问。

如何将静态图像添加到我的 vaadin 应用程序，以便 css 可以访问它们？

更新

请注意，图片需要通过 css 以如下形式访问：

.myCssClass {
    background: url(path/to/image.png);
}

【问题讨论】：

你的课在主题范围内吗？然后在您的（工作）主题目录下 VAADIN/themes/daTheme/path/to/image.png 应该可以工作。参见例如github.com/m00g33k/vaadin-dashboard-demo/tree/master/… 引用了图标字体和图像。
更新 Vaadin 10 Flow 对此主题进行了一些重大更改。有关放置静态资源的旧方法和新方法以及 Servlet 2 和 Servlet 3 规范之间的关系，请参阅 Leif Åstrand Vaadin 10 and static resources 的这篇 2018 年 7 月 Vaadin.com 博客文章。

标签： java vaadin

【解决方案1】：

你应该把它们放到VAADIN/themes/mytheme/images/ 并将主题名称设置为mytheme。他们设置主题的方式取决于您的 Vaadin 版本。
资源将可以这样访问：

new ThemeResource("images/my_image.png");

【讨论】：

如果我想从 css 访问它们，这对我没有帮助
那么你需要将你的css放在VAADIN/themes/mytheme/css/下并像images/my_image.png那样使用
更新 Vaadin 10 Flow 对此主题进行了一些重大更改。请参阅 Leif Åstrand Vaadin 10 and static resources 撰写的这篇 2018-07 Vaadin.com 博客文章，了解放置静态资源的旧方法和新方法，以及 Servlet 2 和 Servlet 3 规范之间的关系。