Question

我有一个处理用户身份验证的弹出窗口。我想在localStorage中设置用户的organization_id，以便可以访问它。以下是我执行失败的步骤。

单击登录。这会触发弹出窗口
输入电子邮件和密码。身份验证成功后，弹出窗口将关闭。
检查localStorage。不存在organization_id的属性

这里是我要取得成功的以下步骤。

临时修改代码以防止关闭弹出窗口。
单击登录。这会触发弹出窗口。
输入电子邮件和密码。弹出窗口一直显示。
检查localStorage并发现实际上设置了正确的organization_id。
还原代码，以便再次关闭弹出窗口。
单击登录。触发弹出窗口。
输入电子邮件和密码。弹出窗口关闭。
检查localStorage。现在有一个organization_id。

我正在进行硬重置，并在所有更改后清空缓存。

什么可以解释这种奇怪的行为？为什么在弹出窗口中检查它会使其正常工作？

handleAuthentication () {
this.auth0.parseHash({hash: window.location.hash}, (err, authResult) => {
  if (authResult && authResult.accessToken && authResult.idToken) {
    this.setSession(authResult);
    window.opener.location.reload(true);
    window.close();
    e.preventDefault();
  } else if (err) {
    router.replace('home')
    console.log(err)
    alert(`Error: ${err.error}. Check the console for further details.`)
  }
})
}

setSession (authResult) {
this.auth0.client.userInfo(authResult.accessToken, function(err, user) {
  localStorage.setItem('organization_id', user.organization_id);
});
// Set the time that the access token will expire at
let expiresAt = JSON.stringify(
  authResult.expiresIn * 1000 + new Date().getTime()
)
localStorage.setItem('access_token', authResult.accessToken)
localStorage.setItem('id_token', authResult.idToken)
localStorage.setItem('expires_at', expiresAt)
this.authNotifier.emit('authChange', { authenticated: true })
}

Answer 1

问题在于该窗口在功能完成之前已关闭。解决方法是在关闭弹出窗口时设置超时，如下所示：

// Do some function call

setTimeout(()=>{
   window.close()
}, 1500);

从弹出窗口设置localStorage

1 个答案: