Vaadin Flow 14 同一View类配置多条参数化路由的实现问题

该需求完全可以实现，你遇到的404问题原因如下：
你当前使用的setRoute(Class<?> viewClass, RouteParameters parameters)方法会将参数自动拼接到URL路径中，要求目标View的@Route注解必须声明对应的参数占位符（例如@Route("view/:entity")），没有配置占位符的情况下路由匹配失败就会返回404，同时这种方式也不符合你不希望路由参数显示在URL中的要求。

适配需求的正确实现方式 #

使用路由状态（RouteState）传递参数，参数仅存储在服务端，不会出现在URL中：

1. 调整RouterLink创建逻辑 #

Nav nav = new Nav();
RouterLink link1 = new RouterLink("实体E1入口", viewClass);
link1.getRouteConfiguration().setRouteState(Map.of("entity", "e1"));
nav.add(link1);

RouterLink link2 = new RouterLink("实体E2入口", viewClass);
link2.getRouteConfiguration().setRouteState(Map.of("entity", "e2"));
nav.add(link2);

2. 目标View接收参数 #

让目标View实现BeforeEnterObserver接口，在进入路由前获取传递的参数，根据参数渲染对应内容即可：

@Route("your-view-path") // 不需要添加参数占位符
public class YourView extends VerticalLayout implements BeforeEnterObserver {

    @Override
    public void beforeEnter(BeforeEnterEvent event) {
        // 获取路由传递的entity参数
        String entity = (String) event.getRouteState().getOrDefault("entity", "default");
        // 后续根据entity值实现差异化的业务逻辑
    }
}

注意事项 #

• 路由状态默认跟随当前会话的路由上下文，用户手动刷新页面后状态会丢失，如果需要刷新后仍保留参数，可以将参数加密后存储在Cookie或者当前用户Session中。
• 建议给目标View添加@RouteScope注解，避免不同路由实例的参数互相干扰。

内容的提问来源于stack exchange，提问作者Antonio