当我在没有网络连接的情况下刷新页面时，LocalStorage 不起作用答案

【问题标题】：LocalStorage not working when I refresh my page without a network connection当我在没有网络连接的情况下刷新页面时，LocalStorage 不起作用
【发布时间】：2019-11-07 06:07:35
【问题描述】：

所以，我正在 iframe 中运行一个带有 quasar 的 vue 应用程序，并且在使用 localStorage 时，我发现了一些奇怪的东西。当我关闭我的连接时，应用程序工作得很好，因为我在 localStorage 上仍然有数据，但是当我刷新页面时，它返回一个浏览器错误，它表明我无法访问它，因为显然我已经不在了连接，这表明因为我丢失了我在 localStorage 上的所有内容。

问题是我对 localStorage 还是个新手，但我对它进行了很多研究，并且我读到了关于即使我关闭浏览器并再次打开它也有 localStorage 的信息。

我的问题是：localStorage 应该在我失去连接并刷新页面后保留，还是这样工作？失去它？如果没有，为什么会这样？这更像是一个自以为是的问题，这就是为什么我没有发布任何代码，我需要了解在这种情况下我应该看到的实际行为。

【问题讨论】：

标签： vue.js iframe local-storage devtools quasar

【解决方案1】：

肯定会留下来。我们有一个使用 localStorage 和 appCache 的全功能离线模式的应用程序。你将需要吃掉。打开你的开发工具。您在 Application => localStorage 中看到了什么？您如何期望页面资源可以离线使用（appCache 或 serviceWorker）？控制台中是否有错误？在网络选项卡中？理论上这是可行的。

【讨论】：

您好，感谢您的回答！所以，当我关闭连接时，应用程序工作正常，我仍然有数据，我仍然可以在 Application => localStorage 上看到它。我想在离线刷新后看到相同的数据。控制台和网络选项卡上没有错误，因为他没有达到我认为的任何请求。
不要忘记为这种方法使用服务工作者。
所以你的问题是你点击刷新并且一切都消失了？如果您没有 appCache 或 service worker，这很正常。本地存储只处理您的数据，而不是您的页面。所以你需要让你的页面以某种方式被缓存。 appCache 已被弃用，但仍然有效，并且比服务人员更容易理解。这是你的问题吗？
是的，这正是正在发生的事情，非常感谢我现在终于明白这个过程应该如何工作了
没问题。如果你觉得，请不要犹豫，接受答案！