当canActivate返回false时，如何重定向另一个组件？

2 回答

• 0

  我认为更好的方法是使用Guard保护您的默认路径，并在验证失败时从那里重定向到 /login .

  /* AuthService */
  isLoggedIn(): boolean {
    // check if user is logged in
    return isUserLoggedIn;
  }
  
  /* AuthGuard */
  import { Router } from '@angular/router';
  import { AuthService } from './auth.service';
  ...
  constructor(private authService: AuthService, private router: Router) { }
  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    // check if user is logged in
    const loggedIn: boolean = this.authService.isLoggedIn();
    // if not, redirect to /login
    if (!loggedIn) {
      this.router.navigate(['/login']);
    }
    return loggedIn;
  }
  

  Note ：如果要控制重定向到的位置，则可以访问用户尝试在 route.url 下访问的网址 . 您可以检查其值，然后导航到特定网址，而不是始终导航到'/login' .

  这是一个使用异步代码进行重定向的快速示例代码 . https://stackblitz.com/edit/angular-async-guard-redirect?file=src%2Fapp%2Fauth-with-redirect.guard.ts

  回复于 2024-05-05T03:40:52+08:00
• 0

  如果凭据匹配，则在登录服务中重定向

  this.authService.signin(user)
    .subscribe(
      data => {
  
        this.router.navigateByUrl('/dashboard');
      },
      error => console.error(error)
    )
  

  回复于 2024-05-05T03:40:52+08:00