Angular2在HTTP 401错误时导航到路径

Question

我正在使用 Angular2 中的一项服务，该服务向 RESTful API 服务器发出 HTTP 请求。我需要捕获 401 错误并将用户重定向到 /login 页面。由于某种原因， router.nagivate(['/login']) 没有在下面的代码中执行。请注意，我已按照此答案 Angular 2 redirect in http/rxjs catch callback causes TypeError: Cannot read property 'subscribe' of undefined 中的说明进行操作，但我的代码没有重定向。

search(term: string): Observable<[]> {
return this.http
  .get(this.userListUrl+'User?name='+term')
  .map((r: Response) => r.json())
  .catch(this.handleError);

}

  private handleError(error: any): Observable<any>{
if(error.status == 401) {
  console.error('An error occurred', error.status);
  this.router.navigate(['/login']);
  return Observable.of([]);
} else {
  let errMsg = error.statusText || 'Server error';
  console.error(errMsg); // log to console instead
  return Observable.throw(errMsg);
}}

constructor(private http: Http, private router:Router) {}

编辑：更新 handlerError 代码。

Answer 1

在 ui-router-ng2 (import { UIRouter } from 'ui-router-ng2';) 中，您可以通过注入 router: UIRouter 并调用 the go method: router.stateService.go('somestate')

以编程方式导航

示例：

在您的app.routing.ts 中：

export const ROUTES: any = [
  {url: '/login',             name: 'Login',      component: LoginComponent}
]

那么你的功能应该是：

if(error.status == 401) {
  this.router.stateService.go('Login');
}

router 在哪里

private router:      UIRouter; 

在您的Constructor。