角度4可观察的捕获服务undefined

Question

我有一个服务来处理与后端交互。我希望捕获401状态，表明用户已被后端注销（令牌过期）。所以当我抓到401时，我会保存当前的路线，并将它们导航到登录页面。但是，当我发现错误时，路由器服务未定义。这跟可观察物有关吗？

@Injectable() 
export class SiteService { 
private url : string = "site"; 
constructor(
    private http: Http, 
    private authService : AuthenticationService, 
    private router : Router, 
    private globals : Globals 
    ){} 

addSite(site : Site) : Observable<Site> { 
    let data = new URLSearchParams(); 
    data.append('auth', this.authService.getToken()); 
    const options = new RequestOptions({ 
     params: data 
    }); 
    return this.http.post(this.url, site, options).map(response => { 
     return toSite(response.json().data); 
    }).catch(this.handleError); 

} 
changeSite(site : Site) : Observable<Site> { 
    let data = new URLSearchParams(); 
    data.append('id', this.authService.getToken()); 
    const options = new RequestOptions({ 
     params: data 
    }); 
    return this.http.post(`${this.url}/${site.siteName}`, site, options).map(response => { 
     return toSite(response.json().data); 
    }).catch(this.handleError); 
} 


private handleError(error : any) { 
    let errMsg = (error.message) ? error.message : error.status ? `${error.status} - ${error.statusText}` : 'Server error'; 
    console.error(errMsg); 
    if((error.status == 403 || error.status == 401) &&(error.json().error.indexOf("token") >= 0)){ 
     this.globals.nextLocation = this.router.url; 
     this.router.navigate(['login']); 
    } 
    return Observable.throw(error); 
} 

}

Answer 1

通过

catch(error => this.handleError(error)) 

更换

catch(this.handleError) 

否则，你不是的HandleError功能结合this。

另请注意，您的状态正确的状态代码是401，而不是403