角度项目中的会话存储

Question

在我的 Angular 9 项目中，不选择“记住我”的用户，我将他的登录令牌和详细信息存储在 sessionStorage 中。选择被记住的用户的详细信息存储在本地存储中。

当我注意到详细信息存储在 sessionstorage 中的用户无法打开应用程序的重复选项卡时，问题出现了，而不会丢失令牌详细信息。因为会话存储不会将数据从一个选项卡保存到另一个选项卡。

如何解决这个问题，为任一用户存储数据.. 记住/不记住。以便用户也可以打开其他选项卡。

Answer 1

这实际上是sessionStorage 的预期和默认行为。新选项卡被视为第二个“会话”，因此无法访问存储在不同会话/选项卡中的任何内容。

来自文档：

• 只要浏览器打开，页面会话就会持续，并且在页面重新加载和恢复后仍然存在。

• 在新选项卡或窗口中打开页面会使用顶级浏览上下文的值创建一个新会话，这与会话 cookie 的工作方式不同。

• 使用相同的 URL 打开多个选项卡/窗口会为每个选项卡/窗口创建 sessionStorage。

• 关闭选项卡/窗口会结束会话并清除 sessionStorage 中的对象。

因此，sessionStorage 不是您想要的。您最好使用localStorage 并使用removeItem()。