Google Oauth登录窗口无法正常工作

Question

我有项目Java Spring + React.js。

我的问题

在我的网站上，有一个单击按钮，该按钮应通过Google授权用户。问题是根本没有出现Google OAuth登录UI。以下错误在Google控制台上出现。 < / p>

但是，如果我转到“应用程序”部分，仍可以获得此Google登录UI。通过单击此选项卡Google，我可以成功登录。

这是我的Google OAuth安全配置代码

这是我的application.properties文件

在React端，我有一个按钮可以单击以实现此功能。

 onOAuth2LiginClick = () => {
  axios.get("http://localhost:8080/oauth2/authorize/google", {
  "Access-Control-Allow-Origin": "*"
  });
};

好几天以来，我都找不到关于此的任何信息。如何使此登录窗口出现在我的网站上？预先感谢您的帮助。

Answer 1

您需要将浏览器定向到Google的OAuth2端点-即通过链接或使用window.location=...-而不是对端点进行“后端” axios / XMLHttpRequests调用。

据我所见，如果仅将用户链接到localhost:3000/oauth2/authorize/google端点，则它应该可以工作。

确切的流程有所不同，具体取决于您是在进行服务器端OAuth还是客户端OAuth，但无论哪种情况，基本上都需要将用户发送到Google的auth url，然后在身份验证后Google会发送（重定向）用户返回到您指定的网址。