如何在浏览器中缓存所有请求？

Question

我的Webapp是React -> .NET -> SQL。

我希望缓存所有的post请求，以便所有.NET调用只进行一次，下次从缓存中提供。对于react中的每个小UI更改，我都希望使用缓存并节省开发时间。

因为这仅仅是为了开发，在Chrome中寻找或者什么东西，是否有一个扩展这样的任务或任何指南，我应该研究将是有帮助的。

Answer 1

如何使用chrome.storag.local API来存储、检索和跟踪对用户数据的更改。

您可以这样使用它，基于这个所以贴

function fetchLive(callback) {
  doSomething(function(data) {
    chrome.storage.local.set({cache: data, cacheTime: Date.now()}, function() {
      callback(data);
    });
  });
}

function fetch(callback) {
  chrome.storage.local.get(['cache', 'cacheTime'], function(items) {
    if (items.cache && items.cacheTime && items.cacheTime) {
      if (items.cacheTime > Date.now() - 3600*1000) {
        return callback(items.cache); // Serialization is auto, so nested objects are no problem
      }
    }

    fetchLive(callback);
  });
}

记住：

铬使用两个缓存--磁盘上的缓存和非常快的内存缓存.内存中缓存的生存期附加到呈现进程的生存期，该进程大致对应于一个选项卡。从内存缓存中回答的请求对于web请求API来说是不可见的。