OAuth2.0 with @react-oauth/google:尽管客户端ID和IP白名单正确,但仍出现403错误

u0njafvf  于 2024-01-06  发布在  React
关注(0)|答案(1)|浏览(97)

我目前正在使用@react-oauth/google库在我的React应用程序中实现OAuth2.0。然而,我在尝试连接时遇到了403错误。我已经确保我的应用程序的IP被添加到允许的列表中,并且正确指定了ClientId。
以下是关键细节:
用途:@react-oauth/google
错误:403错误
详细信息:我已经将应用程序的IP添加到允许列表中,并且ClientId是准确的。
Package 应用程序代码:

createRoot(root).render(
  <RootModelContextProvider>
    <BrowserRouter>
      <GoogleOAuthProvider clientId={googleClientId}>
        <Main />
      </GoogleOAuthProvider>
    </BrowserRouter>
  </RootModelContextProvider>,
);

字符串
通过google添加授权按钮的功能:

return useGoogleOneTapLogin({
    onSuccess: (credentialResponse) => {
      console.log(credentialResponse);
    },
    onError: () => {
      console.log('Login Failed');
    },
  });


Google Cloud中允许的ip截图:
x1c 0d1x的数据

hfwmuf9z

hfwmuf9z1#

当我将http://localhost添加到白色IP

列表中时,问题自行解决

相关问题