React Google Login Error: 400 on mobile devices

Question

我正在使用 React Google 登录包来验证我网站的用户。它在桌面上运行良好，但当我在移动设备上测试时，我得到 Error 400: redirect_uri_mismatch。我已确保我的所有 URI 在 API 凭据中都是正确的。我很难理解为什么它可以在桌面上运行，但不能在移动设备上运行。

Answer 1

redirect_uri_mismatch 错误消息很常见。重定向 uri 在 Web 应用程序中用于告诉服务器 return 授权代码到哪里。

当 Web 应用程序启动同意屏幕并且用户通过定义重定向 uri 同意授权时，授权服务器知道应用程序在您的 Web 服务器上的哪个位置能够处理授权代码交换步骤。为了使其正常工作，您的 Web 应用程序的每个重定向 uri 必须在您的项目的 Google 云控制台中准确注册。这意味着 HTTPS 与 HTTP 以及端口和尾部斜杠很重要。 How to fix redirect uri missmatch

真正的移动登录没有重定向 uri，客户端 JavaScript 应用程序也没有重定向 uri，它们有一个 JavaScript 来源。

如果没有看到您的代码，很难为您提供更多帮助，但您可能会混淆一些东西。

对于 Web 应用程序，您应该在 Google 云控制台上配置 Web 客户端，如果是后端，那么您应该有一个重定向 uri，如果是客户端 JavaScript 那么您应该有添加了一个 JavaScript 来源。

如果您有移动应用程序 android 或 ios，那么您应该已经创建了一个移动客户端。这不需要重定向 uri。