使用 LocalStorage API 保存 Miragejs 数据库

Question

While reading the docs for miragejs, on this page , it says:

Mirage resets its state on every browser reload, which can be a double-edged sword but is often what you want for development and testing. (You can use localStorage if you'd like to add temporary persistence to Mirage.)

However, I can't seem to find any documentation or examples anywhere on how to actually set up local storage for db persistence.

Does anyone have any experience with this, or know of some code examples or walkthroughs I could reference?

Answer 1

a crude solution would be to dump the db after each modification:

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()));
  }
};

and restore it upon server creation:

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

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