请求

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）内。