Angular 2捕獲401響應

Question

在Angular2/Node上工作。

對於洛在我們的

login(username: string, password: string): Observable<boolean> { 
    return this.http.post('http://localhost:3000/api/login', { email: username, password: password }) 
    .map((response: Response) => { 
    // login successful if there's a jwt token in the response 

    let token = response.json() && response.json().token; 
    if (token) { 
     // set token property 
     this.token = token; 

     // store username and jwt token in local storage to keep user logged in between page refreshes 
     localStorage.setItem('currentUser', JSON.stringify({ username: username, token: token })); 
     // return true to indicate successful login 
     return true; 
    } else { 
     // return false to indicate failed login 
     return false; 
    } 
    }).catch(err =>{ 
    if (err.status === 401) 
    { 
     console.log("caught 401 exception"); 
     return false; 
    } 
    }); 

問題是，我得到以下錯誤

參數類型的下列「（ERR：任何）=>布爾」不是分配給 參數類型爲'（err：any，caught：Observable）=> ObservableInput'。類型'boolean'不可分配給類型 'ObservableInput'。

而我不能確定什麼，我需要改變，以得到它能夠趕上401S

爲了測試登錄看起來如下

this.webapiService.login("Donald@geek.com","moneyIsGood").subscribe(result => { 
    if (result === true) { 
    console.log('Username or password is correct'); 
    } else { 
    console.log('Username or password is incorrect'); 
    } 
}); 

編輯：看來我」我錯過了關於使用.catch和訂閱在一起的一點，但仍不確定如何以及爲什麼。

Answer 1

錯誤，您可以刪除此代碼：

.catch(err =>{ 
    if (err.status === 401) 
    { 
     console.log("caught 401 exception"); 
     return false; 
    } 
    }); 

或者添加記錄和拋出異常，而不是：

.catch(err => { 
     console.log("caught exception" + err.status); 
     return Observable.throw(err); 
}); 

另外在subsribe添加：

this.webapiService.login("Donald@geek.com","moneyIsGood").subscribe(result => { 
    console.log('Username or password is correct'); 
    }, error => { 
     if (error.status === 401){ 
     console.log('Username or password is incorrect'); 
     } 
}); 

Answer 2

你能趕上這樣的

this.http.post('http://localhost:3000/api/login', { email: username, password: password }) 
.catch((error: any) => this.handleError(error)) 
.map((response: Response) => {