Google GSI OAuth2.0登录异常：选账号后跳转至login.php而非index.php

核心冲突：GSI的UX模式与自定义回调不兼容 #

你当前设置了data-ux_mode="redirect"，这个模式下Google会直接跳转到data-login_uri指定的地址，不会触发你写的onSignIn JavaScript回调，导致前端没有执行fetch('google_signin.php')的请求，自然不会触发后端的邮箱校验、会话创建逻辑，最终出现跳回login.php的问题。

具体修复步骤 #

1. 调整GSI的UX模式
   修改g_id_onload的配置，移除data-ux_mode="redirect"或者改为data-ux_mode="popup"：

   <div id="g_id_onload"
        data-client_id="34178471422-5chptlf4ujd05p5a6suhvglmcc2f9jgk.apps.googleusercontent.com"
        data-callback="onSignIn"
        data-auto_prompt="false">
   </div>
   

   （redirect模式适用于纯后端处理的场景，你用的是前端回调+后端校验的混合模式，popup才是正确选择）

2. 启用前端跳转逻辑
   把你前端代码中注释掉的跳转代码打开：

   if (data.success) {
       console.log('User is authenticated and can be logged in.');
       window.location.href = 'index.php'; // 取消这行的注释
   }
   

3. 检查后端google_signin.php的关键逻辑

   • 确保脚本开头必须调用session_start();，否则无法创建会话。
   • 确认数据库查询代码正确匹配邮箱，并且查询成功后设置了会话变量（比如$_SESSION['user_email'] = $email;）。
   • 确保后端返回JSON前没有输出任何额外内容（比如空格、HTML注释），否则前端会解析JSON失败，无法进入success分支。

调试技巧 #

• 打开浏览器开发者工具的Network标签，查看google_signin.php的请求是否发送、请求参数是否正确、返回的JSON内容是什么。
• 查看Console标签，排查是否有JavaScript报错（比如JSON解析错误、请求跨域问题）。
• 在google_signin.php中临时添加var_dump($_POST);和var_dump($query_result);，确认参数接收和数据库查询是否正常。

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