Caching React fetch（）缓存在5分钟后过期

任何人都可以分享一些关于如何在浏览器中缓存呼叫并让其持续5分30秒的指导，真的是在任何时候

我在这方面遇到了一些真正的困难

此功能有效，但无法确定如何使其过期

fetch(
    '/get/id',
    {
        method: 'GET',
        headers: { 'Content-Type': 'application/json' },
        cache: 'force-cache'
    }
);

这根本不起作用

fetch(
    '/get/id',
    {
        method: 'GET',
        headers: { 'Content-Type': 'application/json', 'Cache-Control': 'max-age=30' },
    }
);

---

缓存控制是一个HTTP缓存头，由一组指令组成，允许您定义何时/如何缓存响应以及缓存多长时间。您可以将服务器配置为在响应中附加缓存控制头，指定要使用的指令

对于此缓存控件，需要更新服务器以在响应中包含缓存控件，如下所示，其中服务器指定客户端的缓存控件类型（公共）和响应的最大期限。

另一个选择是在客户端实现您自己的缓存机制，该机制将在5分钟后过期。 下面的代码实现了缓存获取调用，其中会话存储作为缓存存储，5分钟到期，如果过期，则自身失效

---

您需要更新服务器，以便在响应标头中包含

缓存控制。如果您不控制服务器，那么您唯一的选择就是在代码中实现自己的缓存。