初始化后 Keycloak js 未执行 THEN答案

【问题标题】：Keycloak js not executing THEN after init初始化后 Keycloak js 未执行 THEN
【发布时间】：2021-06-22 16:45:07
【问题描述】：

我正在尝试将 Keycloak 登录集成到我的 React 应用程序中，并且我正在尝试从 keycloak 获取 JWT。代码如下：

  const [keycloakState, setKeycloakState] = useState<any>();

  const login = () => {
    const keycloak = Keycloak("/keycloak.json");

    keycloak.init({onLoad: 'login-required'}).then(authenticated => {
      console.log('kk', keycloak)
      console.log('at', authenticated)
      setKeycloakState({ keycloak: keycloak, authenticated: authenticated });
    }).catch(err => {
      alert(err);
    });

    console.log('log after')
  }

单击按钮时会触发login 函数。它正确重定向到keycloak，我可以登录并且正确重定向到应用程序。问题是，通过正确登录重定向回应用程序后，链的then 部分中的代码没有执行，甚至“日志之后”也没有出现在日志中。捕获错误部分工作正常。

为什么会发生这种情况？我已将 keycloak-js 添加到我的项目中。

【问题讨论】：

你找到解决办法了吗？

标签： javascript reactjs oauth keycloak

【解决方案1】：

我以前也遇到过这个问题。我通过的方式是分离“init”函数，然后再调用它。这是我在 jsFiddle 上的示例：'https://jsfiddle.net/gzq6j3yu/1/'

【讨论】：