Vaadin应用登录成功后无法重定向至/Main问题求助

一、前端登录逻辑与路由配置检查 #

• 检查login.tsx中的登录成功回调逻辑：
  不要依赖默认跳转行为，手动添加路由跳转和通知触发代码，示例：

  authenticatedUser.login(username, password).then(() => {
    // 强制跳转到/Main路由
    window.location.href = '/Main';
    // 直接触发登录成功通知
    Notification.show('登录成功！');
  }).catch(err => {
    // 处理登录失败提示
  });
  

• 核对路由配置文件（如routes.tsx）：
  确保未认证用户访问根路由时跳转到登录页，已认证用户访问根路由时自动跳转/Main，配置示例：

  const routes: Route[] = [
    { 
      path: '/', 
      component: 'login-view', 
      action: () => !authenticatedUser.isAuthenticated() ? {} : { redirect: '/Main' } 
    },
    { 
      path: '/Main', 
      component: 'main-view', 
      action: () => authenticatedUser.isAuthenticated() ? {} : { redirect: '/' } 
    },
  ];
  

二、后端Spring Security重定向配置修正 #

• 打开SecurityConfiguration类，检查登录成功跳转设置：
  将defaultSuccessUrl明确指向/Main，并设置第二个参数为true强制跳转，忽略之前的请求路径：

  @Override
  protected void configure(HttpSecurity http) throws Exception {
      http
          .authorizeRequests()
              .anyRequest().authenticated()
              .and()
          .formLogin()
              .loginPage("/login")
              .defaultSuccessUrl("/Main", true)
              .permitAll();
  }
  

• 如果使用了自定义AuthenticationSuccessHandler，检查其内部重定向逻辑，确保目标路径是/Main而非根路由。

三、AuthenticatedUser状态同步检查 #

• 确认AuthenticatedUser的状态判断方法（如isAuthenticated()）能正确识别已认证用户：
  示例逻辑要准确判断认证状态，避免前端拿到错误状态导致路由判断失效：

  public boolean isAuthenticated() {
      Authentication auth = SecurityContextHolder.getContext().getAuthentication();
      return auth != null && auth.isAuthenticated() && !(auth instanceof AnonymousAuthenticationToken);
  }
  

• 确保前端的authenticatedUser实例能实时同步后端的认证状态，避免出现认证成功后前端仍认为未登录的情况。

四、登录成功通知不触发的补充解决 #

• 如果是页面刷新导致通知代码未执行，可换个思路：在Main组件的afterNavigation事件中触发通知，跳转时携带标记参数：
  登录成功时的跳转代码：

  window.location.href = '/Main?loggedIn=true';
  

  在MainView组件中处理通知：

  @customElement('main-view')
  export class MainView extends LitElement implements AfterNavigationObserver {
    afterNavigation() {
      const params = new URLSearchParams(window.location.search);
      if (params.get('loggedIn') === 'true') {
        Notification.show('登录成功！');
        // 移除参数避免页面刷新重复显示通知
        params.delete('loggedIn');
        window.history.replaceState({}, document.title, window.location.pathname);
      }
    }
  }
  

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