Vaadin 拒绝尚未发布的文件的已发布文件请求。尝试了所有选项，但没有'；行不通

我正在尝试实现一个示例应用程序，其中所有javascript（JS）和CSS文件都使用许多png文件

我参考了许多文章，但他们帮不了我

对于所有png文件，我得到以下错误：

样本错误部分

Jan 29, 2019 3:25:22 PM com.vaadin.server.communication.PublishedFileHandler handleRequest
WARNING: Rejecting published file request for file that has not been published: css/images/chartIcon.png
Jan 29, 2019 3:25:22 PM com.vaadin.server.communication.PublishedFileHandler handleRequest
WARNING: Rejecting published file request for file that has not been published: css/images/sunburst.png
Jan 29, 2019 3:25:22 PM com.vaadin.server.communication.PublishedFileHandler handleRequest
WARNING: Rejecting published file request for file that has not been published: css/images/treemap.png
Jan 29, 2019 3:25:40 PM com.vaadin.server.communication.PublishedFileHandler handleRequest
WARNING: Rejecting published file request for file that has not been published: css/images/sprite.png

下面是我的文件夹结构

de.qsoft.manatee.web.vaadin.myapp

de.qsoft.manatee.web.vaadin.myapp.css  --> Contains all CSS files
de.qsoft.manatee.web.vaadin.myapp.fileMenu --> Contains all CSS files
de.qsoft.manatee.web.vaadin.myapp.widgets --> Contains all CSS files

de.qsoft.manatee.web.vaadin.myapp.scripts  --> contains all js files
de.qsoft.manatee.web.vaadin.myapp.widgets  --> contains all js files
de.qsoft.manatee.web.vaadin.myapp.colorpicker  --> contains all js files

SpreadJSWidget.Java

@JavaScript({
   "scripts/jquery-1.11.1.min.js",
   "scripts/jquery-ui-1.10.3.custom.min.js",
   "spreadjs_connector.js",
   "colorpicker/colorPicker.js",
   "fileMenu/fileMenu.js",
   "scripts/actionmanager.js",
   "scripts/app.js",
   "scripts/bootstrap.min.js",
   "scripts/FileSaver.min.js",
   "scripts/gc.spread.excelio.12.0.5.min.js",
   "scripts/gc.spread.sheets.all.12.0.5.min.js",
   "scripts/gc.spread.sheets.barcode.12.0.5.min.js",
   "scripts/gc.spread.sheets.charts.12.0.5.min.js",
   "scripts/gc.spread.sheets.pdf.12.0.5.min.js",
   "scripts/gc.spread.sheets.print.12.0.5.min.js",
   "scripts/gc.spread.sheets.shapes.12.0.5.min.js",
   "scripts/license.js",
   "scripts/resources.js",
   "scripts/ribbon-data.js",
   "scripts/ribbon.js",
   "scripts/sample.js",
   "scripts/spreadActions.js",
   "scripts/util.js",
   "widgets/addChartElement/chartAddChartElement.js",
   "widgets/chartColorPicker/chart-colorPicker.js",
   "widgets/chartLayoutPicker/chartLayoutPicker.js",
   "widgets/richText/richTextEditor.js"
   })


@StyleSheet({
   "colorpicker/colorPicker.css",
   "css/font-awesome/css/font-awesome.min.css",
   "css/bootstrap-theme.min.css",
   "css/bootstrap.min.css",
   "css/borderpicker.css",
   "css/colorpicker.css",
   "css/excel2013.css",
   "css/gc.spread.sheets.12.0.5.css",
   "css/gc.spread.sheets.excel2013white.12.0.5.css",
   "css/insp-slicer-format.css",
   "css/insp-table-format.css",
   "css/inspector.css",
   "css/sample.css",
   "css/shapes.css",
   "fileMenu/fileMenu.css",
   "widgets/addChartElement/chartAddChartElement.css",
   "widgets/chartColorPicker/chart-colorPicker.css",
   "widgets/chartLayoutPicker/chartLayoutPicker.css",
   "widgets/richText/richTextWithRichEditor.css",
   })



public class SpreadJSWidget extends AbstractJavaScriptExtension
{
   /**
    * 
    */
   private static final long serialVersionUID = -804316208810859887L;

   public interface ValueChangeListener extends Serializable {
      void valueChange();
   }

   ArrayList<ValueChangeListener> listeners = new ArrayList<ValueChangeListener>();

   public void addValueChangeListener(ValueChangeListener listener) {
      listeners.add(listener);
   }



   /**
    * 
    */
   public SpreadJSWidget() {
      // TODO hari: Auto-generated constructor stub
   }
   /*'***************************************************************************************
   *   Static/Inner class members                                         
   ******************************************************************************************/

   /*'***************************************************************************************
   *   Class members                                         
   ******************************************************************************************/

   public void setValue(String value) {
      getState().value = value;
   }


   @Override 
   protected void extend(AbstractClientConnector target) {
      // TODO hari: Not Yet Implemented
      super.extend(target);
   }


   public String getValue() {
      return getState().value;
   }

   @Override protected SpreadJSWidgetState getState() {
      return (SpreadJSWidgetState) super.getState();
   }

}

}

请让我知道我应该把所有的png文件放在哪里。每个css都将图像文件引用为

---

这里发生的事情是由安全功能引起的。由于在本例中，文件直接从类路径提供，因此Vaadin采取了一些预防措施，以防止意外地从类路径发布其他内容，例如

DatabaseConnection.java

，其中可能包含敏感密码

因此，只有使用

@StyleSheet

、

@JavaScript

或

@HtmlImport

注释显式发布的文件才可用。由于没有相应的注释，例如

css/images/AllShapes.png

，服务器将忽略这些请求

我知道在这种情况下有两种可能的解决办法，但都不是很好：

将图像放入例如

VAADIN/css/images

中，并更新css以使用适当数量的

。/

段来取消URL的

/APP/PUBLISHED/

部分。因此，CSS中的URL将类似于

。/../VAADIN/CSS/images.AllShapes.png

将CSS与图像放在

VAADIN/

中。这样，您就不需要更改引用图像的URL，而是需要手动加载CSS，而不是依赖方便的

@StyleSheet

注释。在这种情况下，我建议使用类似于

ui.getPage（）.getStyles（）.add（newthemeresource（“../../css/name.css”）。
。/../
部分用于取消将自动用于主题资源的
主题/mytheme/
。您可以在
attach（）
方法中执行此操作（只需记住还要调用
super.attach（）
）。您最好还添加一些逻辑，如果以前没有为同一UI实例添加依赖项，则只添加依赖项

使用内部

LegacyCommunicationManager.registerDependency

方法也注册图像，以便直接从类路径获得。您可以使用

vaadinSession.getCommunicationManager（）

找到LegacyCommunicationManager的实例

---

作为一个不相关的注释，我建议将不同的脚本和CSS文件合并到每种类型的单个文件中。原因是通过HTTP加载大量小文件会导致一些性能开销，通过将这些文件捆绑在一起可以避免这些开销。

非常感谢，解决方法2。他帮了我很多忙。

@Override
protected void init(VaadinRequest vaadinRequest) {

SpreadWidget widget = new SpreadWidget();
setContent(widget);


}

@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
@VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
public static class MyUIServlet extends VaadinServlet {
}