无法使用Keycloak验证应用程序用户的登录

Question

我正在研究 React 应用程序与 Keycloak 的集成。我已在本地计算机上安装了 Keycloak 服务器版本 11.0.2。我能够访问管理登录并创建管理员用户。我还使用 Keycloak 创建了一个带有凭据的自定义客户端和用户。我的 React 应用程序托管在我的机器的端口 9000 上，Keycloak 托管在 8080（默认）端口上。现在，当我重定向到我的应用程序 URL 时，它会自动重定向到以下 URL：

http://localhost:8080/auth/realms/{Custom_realm}/protocol/openid-connect/auth?client_id={Custom_Client}&redirect_uri=http%3A%2F%2Flocalhost%3A9000%2F&state=r8yy83fdgd-27f8-4aa9-a679-01sfdsgd9&response_mode=fragment&response_type=code&scope=openid&nonce=27fedfgf89-66be-4484-bbcc-aabb4saddc4

URL 正在渲染登录页面，无需 CSS。不知道为什么 CSS 没有被渲染。而且它也没有进行身份验证并给出错误

无法 POST /realms/{Realm}/login-actions/authenticate

Answer 1

我犯了一个错误，将“领域设置”->“常规”->“前端 URL”设置为领域所在应用程序的主页 URL。

不要那样做。

清空该字段并保存它为我解决了这个问题。