Angular订阅成功后无法跳转至指定URL问题求助

以下是几个排查和解决方向：

• 检查路由守卫拦截
  大概率是/wallet路由对应的路由守卫（如CanActivate）出了问题。比如reloadUser更新用户数据后，守卫没有及时获取到最新状态，直接拦截并重定向回初始页面。去核对守卫逻辑，确保用户状态更新后能通过校验。

• 确认Router服务注入正确
  确保组件构造函数里正确注入了Router：

  constructor(private router: Router, private userService: UserService) {}
  

  注入错误会导致router.navigate静默失效。

• 添加错误回调排查异常
  给订阅加上错误回调，排查是否有未捕获的错误：

  private moveToOverview(): void {
    this.userService.reloadUser().subscribe(
      () => { this.router.navigate(['/wallet']) },
      (error) => { console.error('订阅异常:', error); }
    );
  }
  

  有时候数据能打印，但流中存在错误会中断后续逻辑执行。

• 尝试用navigateByUrl跳转
  换成绝对路径的navigateByUrl试试：

  this.router.navigateByUrl('/wallet');
  

  避免navigate的数组格式可能带来的路由解析问题。

• 检查是否有其他重定向逻辑
  如果这个方法绑定在表单提交按钮上，要阻止默认提交行为：

  <button (click)="moveToOverview(); $event.preventDefault()">提交</button>
  

  否则表单默认提交会刷新页面回到初始路由。同时排查reloadUser内部或组件其他生命周期钩子，有没有额外的重定向代码。

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