角4.3 - HTTP 401狀態 - 。Router.Navigate（[「/登錄」]沒有導航

Question

採用了棱角分明4.3

我堅持與401錯誤和router.Navigate一個很奇怪的問題，我處理catch中的異常和檢查錯誤狀態如果status是401，那麼導航到登錄頁面在這個狀態下，router.navigate不起作用，只有當status是401 [控制檯沒有錯誤]時它才工作如果status是404然後this.router.navigate（以未找到路由組件]工作正常，這是我的代碼 -

protected get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    return this.http.get(url, options)  
        .catch((response) => { 

         if (response.status === 401) { 
          console.log('401 error - navigating'); 
          this.router.navigate(['/login']); 
          return Observable.of(response);         
         } 
         return Observable.throw(response); 
        }); 

};

如果錯誤代碼是404，那麼router.Navigate的工作沒有任何問題。請參見下面的代碼[在此代碼router.navigate工作正常，並導航到NOTFOUND頁] -

protected get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
     return this.http.get(url, options)  
         .catch((response) => { 

          if (response.status === 404) { 
           console.log('404 error - navigating'); 
           this.router.navigate(['/notfoundpage']); 
           return Observable.of(response);         
          } 
          return Observable.throw(response); 
         }); 
}; 

Answer 1

我認爲更好的方式返回可觀察扔的。然後在組件中捕獲它並導航到組件所需的路線。

protected get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    return this.http.get(url, options)  
        .catch((response) => { 

         if (response.status === 401) { 
          console.log('401 error - navigating'); 
          return Observable.throw('Unauthorized');        
         } 
         return Observable.throw(response); 
        }); 

和組件

ngOnInit(): void { 
    this.yourService.yorMethod() 
     .subscribe(resp => { 
      your code 
     }, (err) => { 
      if (err === 'Unauthorized') { this.router.navigate(['/login']); 
     }); 
}