角4可观察捕获服务未定义

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(this.handleError)

通过

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

否则,您没有将handleError函数绑定到this.

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