canActivate失败不是重定向预期

我有一个路线警卫，检查用户当前是否登录：canActivate失败不是重定向预期

import {Injectable} from "@angular/core" 
import {CanActivate} from "@angular/router" 

import {Observable} from "rxjs/Observable" 
import {UserService} from "./user.service" 

@Injectable() 
export class LoggedInGuard implements CanActivate { 
    constructor (private userService: UserService) {} 

    canActivate(): Observable<boolean> { 
     return this.userService.getLoginStatus() 
    } 
}

user.service：

import {Injectable} from "@angular/core" 
import {Router} from "@angular/router" 

import {Observable} from "rxjs/Observable" 
import {AngularFireAuth} from "angularfire2/auth" 
import * as firebase from "firebase/app" 

@Injectable() 
export class UserService { 
    private user: firebase.User 

    constructor (private router: Router, private afAuth: AngularFireAuth) { 
     this.afAuth.authState.subscribe(user => { 
      this.user = user 
     }) 
    } 

    public login (email: string, password: string) { 
     this.afAuth.auth.signInWithEmailAndPassword(email, password).then(user => { 
      this.user = user 
      this.router.navigateByUrl("/dashboard") 
     }) 
    } 
    public logout() { 
     this.afAuth.auth.signOut() 
    } 
    public getLoginStatus(): Observable<boolean> { 
     return this.afAuth.authState.map(Boolean) 
    } 
}

而且从/重定向到/login：

{path: "", redirectTo: "login", pathMatch: "full"}

一切正常，当用户登录，或者如果我不适用直接转到/或/login（前者正确地重定向到后者）。但是，如果我尝试在未登录的情况下导航到受保护的路由，它会将我重定向到/，但不是再次重定向，而是停在空白页面上。

是否有第二重定向不起作用的原因？或者更好的做法是让后卫直接去/login，但我不确定如何在可观察的情况下做到这一点。

来源

2017-06-21 John Montgomery

我不确定您的方法是否可行，但作为解决方法，如果getLoginStatus（）返回false，则可以简单地在LoggedInGuard中调用this.router.navigate(['/login'])。

@ see example：Angular 2 AuthGuard Service with redirect?

来源

2017-06-21 19:45:40 ChrisY

canActivate失败不是重定向预期

回答

相关问题