請求

Question

我有簡單化Angular2應用程序，如果用戶點擊

<a class="dropdown-item" (click)=authService.logout() href="/welcome">Log out</a> 

退出菜單項，其中，該AuthenticationServices的logout()方法執行

logout() { 
    alert('loging out'); 
    this.authHttp.post(this.endpoint_url + '/auth/logout','').map(res => { 
    if(res.status == 204) alert('logout successful'); 
    else alert('logout failed'); 
    }); 

    this.currentUser = null; 
    localStorage.removeItem('token'); 
} 

問題是部分

this.authHttp.post(this.endpoint_url + '/auth/logout','').map(res => { 
    if(res.status == 204) alert('logout successful'); 
    else alert('logout failed'); 
    }); 

似乎沒有執行過。使用authHttp（angular2-jwt）訪問受保護的API可在其他應用程序中正常工作，而不會出現任何問題。
第一個警告「註銷」彈出，用戶註銷並重定向到「/ welcome」，並且不能再訪問API的私有部分。但是，瀏覽器和服務器日誌中沒有「/ auth/logout」的請求。

---

還有AuthGuard服務重定向任何未記錄用戶：

canActivate() { 
//loggedIn() {!(this.currentUser == null);} 
if (!this.auth.loggedIn()) { 
    this.router.navigate(['/welcome']); 
    return false; 
} 
return true; 
} 

Answer 1

您需要subscribe的可觀，以「火」起來。

this.authHttp.post(this.endpoint_url + '/auth/logout','').subscribe((res)=>{ 
    if(res.status == 204){ 
    alert('logout successful'); 
    this.currentUser = null; 
    localStorage.removeItem('token'); 
    }else {alert('logout failed');}   
}); 

如果你需要刪除令牌後註銷是全成你需要做這個功能的回調（subscribe）內。