Framework7项目localhost环境使用Google OAuth报错如何解决？

• 重定向URI完全不匹配：Google OAuth会校验请求中携带的redirect_uri和GCP控制台配置的内容完全一致，包含协议、域名、端口、路径四个部分：
  • 检查本地服务的端口是否和GCP配置一致，比如本地运行在http://localhost:8080，但GCP只配置了http://localhost未加端口会触发报错
  • 检查路径是否完整，比如代码中回调地址为http://localhost:8080/oauth/callback，GCP配置必须包含完整路径，不能只填根域名
  • 检查协议是否一致，GCP配置为https就不能用http发起请求
• OAuth客户端类型不匹配：确认你在GCP创建的是Web应用类型的客户端ID，若创建时选择了安卓、iOS、桌面应用等其他类型，无法用于localhost网页环境调用
• OAuth同意屏幕配置限制：如果你的OAuth同意屏幕处于测试模式未正式发布，必须将你用于测试的Google账号添加到「测试用户」列表中，否则会直接拦截请求。线上环境如果是已发布的同意屏幕则无此限制，这也是线上正常本地报错的高频原因
• 配置未生效或缓存问题：GCP控制台的配置改动通常需要5~15分钟才能全球同步，改完配置立即测试可能仍然读取旧规则。此外可以用浏览器无痕模式测试，避免浏览器缓存了之前的OAuth错误状态
• Framework7本地配置未替换：检查Framework7项目的OAuth配置，确认本地环境的重定向地址已替换为localhost对应地址，而非直接复用线上的重定向配置

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