angular-oauth-oidc登出异常：无需重登即可访问受保护页面

问题核心是授权服务器端的用户会话未被销毁：前端清除本地存储后，授权服务器仍保留用户登录状态，导致再次触发登录流程时，服务器直接返回令牌，无需重新验证用户身份。

解决方案步骤 #

1. 完善OAuth配置，添加登出端点

在初始化oauthService的配置中，添加授权服务器的登出端点及登出后跳转地址：

this.oauthService.configure({
  // 原有配置（clientId、redirectUri等）...
  endSessionEndpoint: 'https://你的授权服务器地址/协议路径/logout', // 例如Keycloak的`/realms/xxx/protocol/openid-connect/logout`
  postLogoutRedirectUri: window.location.origin + '/page-b' // 登出后跳转的页面B地址
});

2. 修改登出方法，触发服务器端会话销毁

替换原有登出逻辑，确保同时通知授权服务器销毁会话：

public logout() {
  // 触发服务器端登出，同时清除前端本地数据
  this.oauthService.logOut({
    postLogoutRedirectUri: window.location.origin + '/page-b'
  });
  // 若授权服务器支持令牌吊销，可改用此方法：
  // this.oauthService.revokeTokenAndLogout(window.location.origin + '/page-b', true);
}

3. 强化路由守卫的认证判断逻辑

确保认证状态不仅检查令牌存在，还要验证令牌有效性（如是否过期）：

// 在认证服务中新增严格认证状态Observable
get isAuthenticatedStrict$(): Observable<boolean> {
  return combineLatest([
    this.oauthService.isDoneLoading$,
    this.oauthService.hasValidAccessToken$
  ]).pipe(
    map(([isDone, hasValidToken]) => isDone && hasValidToken)
  );
}

更新路由守卫逻辑：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
  return this.authService.isDoneLoading$.pipe(
    filter(isDone => isDone),
    switchMap(_ => this.authService.isAuthenticatedStrict$),
    tap(isAuthenticated => {
      if (!isAuthenticated) {
        this.authService.login(state.url);
      }
    })
  );
}

4. 验证授权服务器配置

确保授权服务器支持OpenID Connect登出流程，且已将postLogoutRedirectUri加入允许的跳转地址列表（部分第三方服务如Keycloak、Okta需后台配置）。

内容的提问来源于stack exchange，提问作者Waray Mohamed Amine