1

我对 Jetty 和 Vaadin 很陌生。我尝试让 Jetty 运行托管一个最小的 Vaadin Fusion 示例。
但是，在第一次访问我的空index.html时，我得到了一个连接丢失横幅和一个 404，因为它试图重定向到我没有的/offline-stub.html 。

生产视图：

在此处输入图像描述

在网络点击中，您可以看到 Vaadin 以某种方式启动了重定向：

在此处输入图像描述

我的 index.html 非常简单：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Vaadin Grocery App</title>
    <style>
      body {
        margin: 0;
        width: 100vw;
        height: 100vh;
      }

      #outlet {
        height: 100%;
      }
    </style>
    <!-- index.ts is included here automatically (either by the dev server or during the build) -->
  </head>

  <body>
   <h1>hello</h1>
  </body>
</html>

一个 index.ts 以及：

import { Router } from '@vaadin/router';
import { routes } from './routes';
import { appStore } from './stores/app-store';

export const router = new Router(document.querySelector('#outlet'));

router.setRoutes(routes);

window.addEventListener('vaadin-router-location-changed', (e) => {
  appStore.setLocation((e as CustomEvent).detail.location);
  const title = appStore.currentViewTitle;
  if (title) {
    document.title = title + ' | ' + appStore.applicationName;
  } else {
    document.title = appStore.applicationName;
  }
});

我像这样启动码头：

 public static void main(String[] args) throws URISyntaxException, IOException {

        Log.setLog(new StdErrLog());
        System.out.println("Server starting...");
       

        String extForm = webRoot + "/webapp";
        System.out.println(extForm);

        final ServletContextHandler context = new ServletContextHandler(ServletContextHandler.SESSIONS);
        context.setContextPath("/");

        final ResourceHandler resHandler = new ResourceHandler();
        resHandler.setResourceBase(extForm);
        final ContextHandler ctx = new ContextHandler("/");
        ctx.setHandler(resHandler);

        Server embeddedServer = new Server(8080);

        embeddedServer.insertHandler(context); // Rest/Servlets
        embeddedServer.insertHandler(resHandler); // HTML Resources
        try {
            embeddedServer.start();
            embeddedServer.join();
        } catch (Exception e) {
            System.err.println("Server error:\n" + e);
        }
        System.out.println("Server stopped");
    }

Webroot, extform-values 是正确的，并且文件位于磁盘上的指定位置：

在此处输入图像描述

4

2 回答 2

1

不要像那样混合ResourceHandler在一起ServletContextHandler。

完全删除ResourceHandler（并且它是关联的ContextHandler）

ServletContextHandler使用资源库正确定义。
然后确保ServletContextHandler有一个DefaultServlet设置。

就是这样，这就是你所要做的。

哦，不要在 url-pattern 上声明您的 REST 端点，/否则/*也会阻止静态资源服务。这些 url 模式基本上意味着您的 servlet 端点（您的 REST 库？）是唯一的，它负责 100% 的请求。

你不混合这样的东西的原因是因为两者ServletContextHandler都是ResourceHandler终端（一旦输入，它们必须以 HTTP 响应响应）。

如果您正确使用 ServletContext，则使用针对 url-pattern 的最佳匹配（请参阅 Servlet url-pattern 匹配规则，例如：最长匹配），根据您的客户端请求提供静态内容或您的 REST 端点。

于 2021-12-01T16:03:20.597 回答
1

请注意，Vaadin Fusion 目前仅支持 Spring Boot 后端。因此，您不需要配置自己的服务器。启动 Spring Boot 应用程序就足够了。我建议在https://start.vaadin.com上创建一个项目启动器，并以此为基础创建您的项目。

@SpringBootApplication
public class Application extends SpringBootServletInitializer implements AppShellConfigurator {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}
于 2021-12-01T18:03:06.410 回答