Vaadin Flow页面刷新时如何重定向到指定路由

以下提供两种常用实现方案，可根据业务场景选择：

方案1：全局拦截（适用于全应用统一配置刷新跳转规则） #

通过实现VaadinServiceInitListener注册全局监听，一次配置对所有路由生效：

import com.vaadin.flow.server.ServiceInitEvent;
import com.vaadin.flow.server.VaadinServiceInitListener;
import com.vaadin.flow.router.BeforeEnterEvent;

public class AppRouteInterceptor implements VaadinServiceInitListener {
    @Override
    public void serviceInit(ServiceInitEvent event) {
        event.getSource().addUIInitListener(uiInitEvent -> 
            uiInitEvent.getUI().addBeforeEnterListener(this::handleRouteEnter)
        );
    }

    private void handleRouteEnter(BeforeEnterEvent event) {
        // 页面刷新时会创建新UI实例，导航历史为空，以此判断是否为刷新操作
        boolean isPageRefresh = event.getUI().getNavigationHistory().getEntries().isEmpty();
        String currentPath = event.getLocation().getPath();
        
        // 可自定义需要拦截的路由规则，示例为拦截/user路由
        if (isPageRefresh && "user".equals(currentPath)) {
            // 重定向到根路由
            event.forwardTo("");
        }
    }
}

配置生效方式：

• 若使用Spring Boot集成Vaadin，直接将该类注册为Spring Bean即可自动加载
• 若为原生Vaadin项目，在META-INF/services目录下创建名为com.vaadin.flow.server.VaadinServiceInitListener的文件，写入该类的全限定类名即可

方案2：单路由独立控制（适用于仅部分路由需要刷新跳转） #

如果只需要给指定路由（如示例中的/user）配置刷新跳转，直接在对应路由类中实现BeforeEnterObserver接口即可：

import com.vaadin.flow.router.BeforeEnterEvent;
import com.vaadin.flow.router.BeforeEnterObserver;
import com.vaadin.flow.router.Route;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;

@Route("user")
public class UserView extends VerticalLayout implements BeforeEnterObserver {

    @Override
    public void beforeEnter(BeforeEnterEvent event) {
        boolean isPageRefresh = event.getUI().getNavigationHistory().getEntries().isEmpty();
        if (isPageRefresh) {
            event.forwardTo("");
        }
        // 路由正常业务逻辑
    }
}

核心逻辑说明 #

• Vaadin页面刷新时会销毁原有UI实例，创建全新的UI实例，新实例的导航历史记录为空，以此作为刷新操作的判断依据
• BeforeEnterEvent.forwardTo()方法会直接终止当前导航，跳转至目标路由，不会触发原路由的初始化逻辑，性能开销极低
• 如果需要区分「用户直接在地址栏输入目标路由访问」和「从其他页面导航到目标路由后刷新」两种场景，可以在用户导航到目标路由时在Session中存入标记，刷新判断时校验标记存在才执行跳转，跳转后清除标记即可

内容的提问来源于stack exchange，提问作者Sangeeth S Kumar