使用VSCode Chrome调试器时Web应用Google登录失败问题咨询

问题触发逻辑 #

VSCode调试默认拉起的Chrome是带独立临时配置目录、附带自动化调试标记的隔离实例，这类实例会被Google OAuth的安全机制直接判定为不可信的自动化环境，直接拦截登录流程，且不会展示常规的绕过选项。

可操作的解决方案 #

• 复用本地日常Chrome的用户配置启动调试实例
  放弃VSCode默认使用的临时隔离配置目录，修改launch.json调试配置，在runtimeArgs中指定指向本地Chrome真实用户数据目录的参数，让调试拉起的Chrome和你日常使用的环境完全一致：

  "runtimeArgs": [
    "--user-data-dir=C:\\Users\\你的系统用户名\\AppData\\Local\\Google\\Chrome\\User Data",
    "--profile-directory=Default"
  ]
  

  操作前需要完全关闭所有正在运行的Chrome进程，避免配置目录被占用导致参数不生效。
• 移除调试配置里的自动化标记参数
  检查launch.json的启动参数列表，把--enable-automation这类会明确标识浏览器为自动化调试场景的参数全部删掉，这类参数会直接触发Google的安全拦截规则。
• 补全Google OAuth控制台的本地开发配置
  确认本地调试用的访问地址（通常为http://localhost:对应端口）已经被加入Google OAuth客户端的授权重定向URI、可信域列表中，不要仅配置线上生产环境的地址。
• 改用附加调试模式绕开自动拉起拦截
  可以绕开VSCode自动拉起Chrome的流程：先手动启动和日常使用环境完全一致的Chrome实例，带上远程调试端口参数启动，执行命令例如：

  chrome.exe --remote-debugging-port=9222 --user-data-dir=C:\\Users\\你的系统用户名\\AppData\\Local\\Google\\Chrome\\User Data
  

  之后在VSCode中选择“附加到已运行的Chrome进程”的调试模式，选中这个手动启动的Chrome实例作为调试目标。这种模式下Chrome的运行环境和日常使用无差异，不会触发OAuth的不安全提示。

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