启用vaadin.eagerServerLoad=true后BeforeEnterObserver方法执行两次问题排查

问题原因 #

启用vaadin.eagerServerLoad=true后，Vaadin的初始加载流程会发生变化：

• 首次访问视图时，会触发两次导航流程：第一次是服务器端提前解析路由（用于生成正确的HTTP状态码，比如你需要的404），第二次是客户端初始化完成后的正式导航。这两次流程都会触发BeforeEnterObserver.beforeEnter方法，所以出现重复执行的情况。
• 已构建UI的视图间导航时，客户端已经完成初始化，只会触发一次导航流程，因此不会出现重复执行的问题。

解决办法 #

1. 通过导航触发类型过滤 #

在beforeEnter方法中，利用BeforeEnterEvent的getTrigger()方法区分触发来源，只处理正式的客户端导航：

@Override
public void beforeEnter(BeforeEnterEvent event) {
    // 跳过服务器端初始触发的导航，只处理客户端发起的导航
    if (event.getTrigger() != NavigationTrigger.SERVER_INITIAL) {
        // 这里写你的业务逻辑
    }
}

2. 添加初始化状态标记 #

在视图类中定义一个布尔变量，标记是否已经执行过初始化逻辑，避免重复执行：

private boolean isInitialized = false;

@Override
public void beforeEnter(BeforeEnterEvent event) {
    if (!isInitialized) {
        // 执行你的业务逻辑
        isInitialized = true;
    }
}

3. 优化临时方案 #

建议替换掉removeAll()的临时处理方式，因为这种粗暴的组件清除可能会破坏视图的正常渲染逻辑，尤其是当视图包含动态生成的组件时，容易引发其他问题。上面两种方法能更精准地避免重复执行逻辑。

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