Chrome 关闭标签 Vuejs 后删除本地存储答案

【问题标题】：Chrome deletes the localstorage after closing the tab VuejsChrome 关闭标签 Vuejs 后删除本地存储
【发布时间】：2022-01-03 16:14:13
【问题描述】：

我正在使用 Vuejs 开发一个 Web 应用程序，并且我正在使用 localstorage 来存储 jwt 令牌，但是在我关闭选项卡后，我发现令牌丢失了，我需要重新登录。我在 Opera GX 上测试了该应用程序，它运行良好，我只在 Google Chrome 中遇到了问题。

这就是我设置令牌的方式：

localStorage.setItem("token", token);

这就是我加载它的方式：

let token = localStorage.getItem("token");

【问题讨论】：

相关的 stackoverflow 问题 - stackoverflow.com/questions/13292744/… 相关的 Chrome 错误报告 - bugs.chromium.org/p/chromium/issues/detail?id=160056
如果那个token是机密的，不妨考虑一下XSS的风险——academind.com/tutorials/localstorage-vs-cookies-xss
谢谢@Corey 这个链接很有帮助
感谢@Anakin 提到 XSS 攻击

【解决方案1】：

我认为问题出在 Chrome 上，

你需要先localstorage.getItem("X")setItem("X","V")setItem("X","V")

现在本地存储仍然存在，即使在关闭浏览器之后也是如此。

【讨论】：