Autoload storage is not working on page refresh

快速解答作者 lbmir

和[https://github.com/artf/grapesjs/issues/2963]（https://github.com/artf/grapesjs/issues/2963）上的问题一样。但我的情况是，只有在硬刷新后才加载内容

问题

你好，首先我想说这个项目非常棒，谢谢你！我用了GrapeJS Demo示例中的代码，并添加了远程文件的保存和加载数据，这就是我的storageManager代码： savenow.php文件代码： loadnow.php文件代码：保存更改时一切正常，但之后如果按“刷新页面，它就会加载修改前的旧内容。但如果我用硬刷新**页面，页面内容正常，显示的是我最近的修改。用户刷新页面时，我怎样才能保留保存的内容？看起来它会在某个地方保存旧内容，刷新后重新加载，但没有用我定义的存储管理器里的 urlLoad。也许有办法禁用旧内容的加载，只用存储管理器里的urlLoad？

回答（3）

lbmir• 2021年7月4日

和[https://github.com/artf/grapesjs/issues/2963]（https://github.com/artf/grapesjs/issues/2963）上的问题一样。但我的情况是，只有在硬刷新后才加载内容

artf• 2021年7月21日

听起来更像是你这边的问题，网页应用并不区分刷新和硬刷新，实际上硬刷新更像是没有浏览器本地缓存的刷新。试着从检查器那里确认你的加载调用是否真的返回了正确的数据（比如，你可能有一个启用了某种缓存的网页服务器）。

GJSBlock• 2026年5月17日

谢谢你举报，@lbmir。关于自动加载存储在页面刷新时无法正常工作，这个问题问得很好。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => consol...

在 GitHub 上查看完整讨论 →