重新加載Angular Page后，Logout Action無效

Question

問題：

登錄到應用程序后，當我點擊signOut成功按鈕，它signOut並重定向到登錄頁面。 但是當我刷新頁面然后嘗試退出然后它什么都不做。 誰知道會有什么問題？

碼：

// action
export class Logout implements Action {
  readonly type = LOGOUT;
}

// effect
@Effect()
  logout$ = this.actions$
    .ofType(authAction.LOGOUT)
    .pipe(
      map( () => {
        debugger;
        this.authService.logoutUser();
        return new fromRoot.Go({
          path: ['/account/login'],
        });
      })
  );

// calling action on signout 
public signOut() {      
      this.store.dispatch(new fromStore.Logout());
    }

SCREENSHOT Chrome Redux DevTools

在刷新頁面之前： http ： //prntscr.com/ne3pc0

刷新頁面后： http ： //prntscr.com/ne3qpr （注銷操作后沒有任何內容）

Answer 1

嘗試這個

import { throwError } from 'rxjs';
import { map, catchError } from 'rxjs/operators';    
// effect
@Effect()
logout$ = this.actions$.pipe(
.ofType(authAction.LOGOUT),
switchMap(() => {
    return this.authService.logoutUser()
        .pipe(map(() => {
            return new fromRoot.Go({path: ['/account/login']})
         }), 
         catchError((error: any) =>{
            return of(error)    
         }), 
         finalize(() => {
            //do something like hide loader
         }))
  })  
);

如有任何問題，請通知我