Vue.js 在没有网络连接的情况下刷新页面时，LocalStorage不工作

所以，我在iframe中运行一个带有quasar的vue应用程序，在使用localStorage时，我注意到了一些奇怪的事情。当我关闭连接时，应用程序工作正常，因为我在localStorage上仍然有数据，但当我刷新页面时，它返回一个浏览器错误，它表明我无法访问该错误，因为显然我没有连接，这表明我丢失了localStorage上的所有数据

问题是我对localStorage还是个新手，但我做了很多研究，甚至在我关闭浏览器并再次打开它时，我也读到了关于localStorage的内容

---

我的问题是：本地存储应该在我失去连接后保留并刷新页面，还是这样？失去它？如果没有，为什么会发生这种情况？这更像是一个自负的问题，这就是为什么我没有发布任何代码的原因，我需要理解在这种情况下我应该看到的实际行为

它肯定会保持不变。我们有一个使用localStorage和appCache的完全功能离线模式的应用程序。你需要吃点东西。打开你的开发工具。您在Application=>localStorage中看到了什么？您希望页面资源如何脱机可用（appCache或serviceWorker）？控制台中是否有错误？在“网络”选项卡中？理论上这是可行的。

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