无法使用vertx设置react路由

Question

public class BackendVerticle extends AbstractVerticle {

  @Override
  public void start() throws Exception {
    // tag::backend[]
    Router router = Router.router(vertx);
    
    router.get().handler(StaticHandler.create()); // <3>

    vertx.createHttpServer()
      .requestHandler(router)
      .listen(8080);
    // end::backend[]
  }

  // tag::main[]
  public static void main(String[] args) {
    Vertx vertx = Vertx.vertx(); // <1>
    vertx.deployVerticle(new BackendVerticle()); // <2>
  }
  // end::main[]
}

我已经创建了反应应用程序与顶点以下https://how-to.vertx.io/single-page-react-vertx-howto/.我已经设置反应路由使用反应路由器工作正常当我使用内部反应节点服务器运行在localhost:3000default.But当我trid通过vertx静态处理程序提供静态页面除了默认/路由其他路由返回“未找到”输入图像描述在这里

Answer 1

当静态网站建立时，它存在于单个索引HTML文件中。

React路由器允许为特定视图创建路径。这些路径可以由React路由器解释，但它们不会映射到后端服务器上的实际文件。

这就是为什么如果您尝试加载除 /以外的任何内容，则会收到 404 NOT FOUND 响应的原因。

要解决此问题，请将Vert.x Web路由器配置为将< code>StaticHandler无法加载的任何内容重新路由到< code>/:

// After you've setup the other routes
router.get().handler(StaticHandler.create());
router.get().handler(rc -> rerouteToIndex(rc));

private void rerouteToIndex(RoutingContext rc) {
  if (!"/".equals(rc.normalisedPath())) {
    rc.reroute("/");
  } else {
    rc.next();
  }
}