如何在gapi.auth2中撤销所有权限？React-Google-Login权限残留问题

1. 修复撤销代码的语法错误 #

你当前的权限撤销代码存在语法问题，缺少闭合的括号，导致auth2.disconnect()大概率未被执行。修正后的代码：

auth2.signOut().then(function () {
  auth2.disconnect();
});

2. 调用官方撤销端点强制失效权限 #

仅依赖auth2.disconnect()可能受浏览器缓存或会话残留影响，建议直接调用Google OAuth2令牌撤销端点，彻底清除当前权限：

// 传入登录成功时获取的access_token
const revokeToken = (accessToken) => {
  fetch(`https://oauth2.googleapis.com/revoke?token=${accessToken}`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  })
  .then(res => res.json())
  .then(() => {
    // 确认权限撤销后执行退出操作
    auth2.signOut();
  });
};

3. 覆盖react-google-login的默认权限 #

react-google-login组件默认会自动添加openid profile email权限，即便传入空数组[]也会 fallback到默认值。如果需要最小化权限，明确设置scope为仅必要项（比如仅openid用于基础登录）：

<GoogleLogin
  clientId={process.env.REACT_APP_GGL_CLIENT_ID}
  buttonText="Login"
  onSuccess={googleResponseSuccess}
  onFailure={googleResponseFailure}
  cookiePolicy={'single_host_origin'}
  scope="openid" // 用明确值替代空数组，避免默认权限自动添加
/>

4. 清理残留授权记录 #

• 手动清除浏览器中Google相关的Cookie和缓存，避免会话信息残留。
• 登录你的Google账号，进入【安全】-【第三方应用访问权限】页面，确认你的应用已被移除，若未移除则手动删除该应用的授权。

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