Vaadin Flow中解决视图提前实例化及登录会话获取失败问题

1. 修正用户信息存储逻辑 #

在认证成功后，将完整的Userr对象存入VaadinSession（而非仅存username字符串），确保后续能通过Userr.class正确获取对象：

public void authenticate(String username, String password) throws AuthException{
    Userr userr = userRepo.getByUsername(username);
    if(userr !=null && userr.checkPassword(password)){
        Notification.show(username + " has logged in");
        // 将完整Userr对象存入VaadinSession，用类作为键更清晰
        VaadinSession.getCurrent().setAttribute(Userr.class, userr);
        currentUserName = username;
        createRoutes(userr.getRole());
    }
    else{
        throw new AuthException();
    }
}

2. 避免在视图构造方法中获取会话信息 #

如果你的FileUploadView是Spring管理的Bean（比如加了@Component），默认是单例模式，会在应用启动时就实例化，此时无用户登录，VaadinSession.getCurrent()自然返回null。

解决方法是实现Vaadin的BeforeEnterObserver接口，在每次进入视图前获取用户信息：

@Route("/file")
public class FileUploadView extends VerticalLayout implements BeforeEnterObserver {

    @Override
    public void beforeEnter(BeforeEnterEvent event) {
        VaadinSession session = VaadinSession.getCurrent();
        if (session != null) {
            Userr currentUser = session.getAttribute(Userr.class);
            if (currentUser != null) {
                // 在视图顶部添加登录用户显示
                add(new Label("logged in as : " + currentUser.getUsername()));
            } else {
                // 无用户时跳转到登录页
                event.rerouteTo(LoginView.class);
            }
        }
    }

    // 其他视图逻辑...
}

3. 配置视图作用域（可选但推荐） #

使用Spring管理Vaadin视图时，建议将视图设置为@UIScope或@SessionScope，确保每个用户会话有独立的视图实例，避免单例带来的会话信息混乱：

@Route("/file")
@UIScope // 每个浏览器标签页对应一个实例
@Component
public class FileUploadView extends VerticalLayout implements BeforeEnterObserver {
    // ...
}

4. 统一布局层的用户信息展示 #

你的动态路由配置中用到了MainLayout和AdminLayout，可以在布局类中统一处理用户信息展示，让所有子视图顶部自动显示登录状态：

public class MainLayout extends AppLayout implements BeforeEnterObserver {
    @Override
    public void beforeEnter(BeforeEnterEvent event) {
        VaadinSession session = VaadinSession.getCurrent();
        Userr currentUser = session.getAttribute(Userr.class);
        if (currentUser != null) {
            // 在布局导航栏添加用户信息
            Header header = new Header();
            header.add(new Label("logged in as : " + currentUser.getUsername()));
            addToNavbar(header);
        }
    }
}

关键注意事项 #

• 确保Userr类实现Serializable接口：VaadinSession中的对象需要支持序列化，否则无法正确存储和读取。
• 禁止用静态变量存储用户名：静态变量是全局共享的，多用户登录时会互相覆盖，存在严重安全问题，完全依赖会话存储即可。

内容的提问来源于stack exchange，提问作者Sumaiya Ahmed Rani 210041223