AWS Cognito谷歌账号登出异常：自动登录原账号无选择项

问题根源 #

1. 登出函数执行顺序错误：你的logout函数第一行就执行window.location.reload();，会直接刷新页面，导致后续的user.signOut()、本地存储清除等代码完全不会执行，根本没完成Cognito的登出流程。
2. 未清除谷歌OAuth会话：仅清理Cognito本地存储不足以让谷歌退出登录，谷歌端仍保留着用户的登录会话，所以再次点击登录会自动复用之前的账号。

修复步骤 #

1. 修正登出函数执行逻辑 #

移除提前刷新页面的代码，确保所有登出操作先执行，再处理会话清除与页面跳转。同时调用Cognito的globalSignOut使所有用户会话失效，并重定向到谷歌的登出地址清除谷歌侧的会话。

修正后的登出函数示例：

const logout = async () => {
  const user = Pool.getCurrentUser();
  if (user) {
    // 执行Cognito全局登出，使所有会话失效
    await new Promise((resolve, reject) => {
      user.globalSignOut({
        onSuccess: resolve,
        onFailure: reject
      });
    });
    // 清除Cognito本地会话
    user.signOut();
  }

  // 清除本地存储内容
  localStorage.removeItem("accessToken");
  localStorage.removeItem("refreshToken");
  localStorage.removeItem("authUser");

  // 构造谷歌登出URL，清除谷歌会话后跳回登录页
  const googleLogoutUrl = `https://accounts.google.com/logout?continue=${encodeURIComponent(window.location.origin + RoutingPaths.Login)}`;
  window.location.href = googleLogoutUrl;
};

2. 配置相关控制台设置 #

• AWS Cognito控制台：在用户池的「应用客户端」设置中，确保「登出URL」已添加你的登录页面地址，并且启用了「OAuth 2.0」的登出流程。
• 谷歌开发者控制台：在你的OAuth客户端ID设置里，将上述登出回调地址添加到「已获授权的重定向URI」列表中，确保谷歌允许跳回你的站点。

3. 验证登出流程 #

执行登出后，谷歌会先清除用户会话，再跳回你的登录页，此时点击「使用谷歌登录」就会弹出账号选择界面。

内容的提问来源于stack exchange，提问作者Tanjil Hossain