reactjs Google OAuth显示'GSI_LOGGER指定的客户端ID未找到

ars1skjm 于 2023-11-18 发布在 React

关注(0)|答案(2)|浏览(128)

我想在一个web应用程序中集成Google身份验证。为了了解它是如何与新的react-oauth/google包一起工作的，我一步一步地遵循了这个tutorial。
它对我不起作用，甚至在Google控制台中创建OAuth同意屏幕和凭据后几个小时。
错误总是：加载资源失败：服务器响应状态为403（），后跟[GSI_LOGGER]：找不到给定的客户端ID。
任何关于我可能做错了什么的提示都很感激。使用React 18.2.0

reactjs

来源：https://stackoverflow.com/questions/75707880/google-oauth-showing-gsi-logger-the-given-client-id-is-not-found

2条答案

按热度按时间

vojdkbi01#

请在您的google项目的[OAuth 2.0 Client IDs]表中找到客户端ID：https://console.cloud.google.com/apis/credentials?project=your_project客户端ID应该是：47. xyz.apps.googleusercontent.com
然后在你的html文件中，你应该像这样为client-id使用这个值：

<div id="g_id_onload" data-client_id="47...xyz.apps.googleusercontent.com"
    data-context="signin" data-ux_mode="popup" data-login_uri="http://localhost:8080/auth" data-auto_select="true"
    data-itp_support="true">
</div>

字符串
这应该工作！我有同样的问题，我解决了它。

赞(0）回复(0）举报 2023-11-18

sg24os4d2#

错误可能意味着谷歌不承认您提供的clientId。
正确地交叉检查你的clientId，确保它是非常正确的，在字符串的结尾或开头没有任何不合适的空格。
我在同一个@react-oauth/google包中遇到了同样的问题，这只是clientId上的一个打字错误。
希望这有帮助

赞(0）回复(0）举报 2023-11-18