要求がログアウト手順中に送信されていない

Question

私は、ユーザーが

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

ログアウト]メニュー項目をクリックすると単純なAngular2アプリを、持っている、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」を要求することはありません。

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

Answer 1

あなたは彼らに「火」の順序で観測にsubscribeする必要があります。

---

任意の非ログインユーザーをリダイレクトAuthGuardサービスもあります。

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）の内部でこれを実行する必要が成功しています。