使用LocalStorage API来持久化Miragejs db

Question

在此页上阅读海市蜃楼的文档时，它说：

在每次重新加载浏览器时，幻影都会重置其状态，这可能是一把双刃剑，但通常是您在开发和测试中想要的。(如果要向幻影添加临时持久性，可以使用localStorage。)

但是，我似乎在任何地方都找不到任何关于如何为db持久性实际设置本地存储的文档或示例。

是否有人对此有任何经验，或了解我可以参考的一些代码示例或演练？

Answer 1

一个粗略的解决方案是在每次修改之后转储db：

const server = createServer(...);

// https://miragejs.com/api/classes/server/#pretender
server.pretender.handledRequest = function(verb) {
  if (verb.toLowerCase() !== 'get' && verb.toLowerCase() !== 'head') {
    localStorage.setItem('db', JSON.stringify(server.db.dump()));
  }
};

并在服务器创建时还原它：

const dbData = localStorage.getItem('db');

if (dbData) {
  // https://miragejs.com/api/classes/db/#load-data
  server.db.loadData(JSON.parse(dbData));
}