Keycloak 使用 Angular 开发服务器重定向无限循环

如何解决Keycloak 使用 Angular 开发服务器重定向无限循环

在 Angular 中使用 dev server 时，Keycloak 出现问题。该应用程序在部署在像 Nginx 这样的 Web 服务器上进行生产时可以正常工作，但是当我使用开发服务器 (ng serve) 启动它时，我在登录后得到一个 redirect 无限循环，它不断重定向http://localhost:4200/#state=... 一次又一次，控制台在 keycloak.js 中显示错误：

vendor.js:173218 ERROR Error: Uncaught (in promise): TypeError: this._Keycloak.login(...).then is not a function
TypeError: this._Keycloak.login(...).then is not a function
    at vendor.js:266296
    at Object.success (keycloak.js:1167)
    at vendor.js:266281
    at new ZoneAwarePromise (polyfills.js:1057)
    at AuthParentService.Start (vendor.js:266245)
    at vendor.js:266222
    at ZoneDelegate.invoke (polyfills.js:461)
    at Object.onInvoke (vendor.js:196352)
    at ZoneDelegate.invoke (polyfills.js:460)
    at Zone.run (polyfills.js:220)
    at resolvePromise (polyfills.js:895)
    at polyfills.js:802
    at vendor.js:266227
    at ZoneDelegate.invoke (polyfills.js:461)
    at Object.onInvoke (vendor.js:196352)
    at ZoneDelegate.invoke (polyfills.js:460)
    at Zone.run (polyfills.js:220)
    at polyfills.js:954
    at ZoneDelegate.invokeTask (polyfills.js:496)
    at Object.onInvokeTask (vendor.js:196340)

问题类似于this GitHub issue。

一个重要的注意事项是，这不会在 2020 年夏季之前发生，它可能是在浏览器或库自动更新之后发生的。它总是在 Chrome 和 Edge 中发生，有时在 Firefox 中发生。此外，有时循环会在一些重复后停止。只是一些想法，如果有帮助，到目前为止我还没有找到任何模式或解决方案......

如果您没有这个问题或者您已经设法解决了，您能分享一下这些信息吗？

• KeyCloak 和 keycloak.js 的版本
• KeyCloak Admin 中的有效重定向网址
• 用于在 Angular 中初始化 KeyCloak 的 json
• 以及到“/auth”的 proxy.conf.json 路径

非常感谢任何解决方案或解决方法，因为这会导致开发过程中出现问题和延迟，我们担心它会在不久的将来某个时候在生产中重现。