清除浏览器缓存反应js答案

【问题标题】：clearing browser cache react js清除浏览器缓存反应js
【发布时间】：2021-09-30 19:55:58
【问题描述】：

我有一个应用程序在后端运行 node.js，在前端运行 react.js。

我遇到了一个错误，当我以管理员身份登录时，退出并立即尝试以客户身份重新登录而不刷新页面。当我这样做时，用户登录到刚刚注销的管理员帐户。

在尝试调试此问题时，我检查了我的身份验证 cookie 是否在注销时被成功删除，并且确实如此。所以我检查的是缓存是否通过不刷新页面来干扰错误，只是清除缓存（Ctrl+Shift+R）并尝试使用相同的步骤以用户身份登录。这 100% 的时间都有效，这可能意味着问题出在浏览器缓存上。

我做了一些研究，有一种方法可以通过使用这样的元标记来“删除”缓存：

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

我想确保不存储缓存不会影响我的应用程序的性能，如果确实如此，我想知道是否有人知道如何扭转这种局面。

【问题讨论】：

我认为重要的问题是“为什么清除浏览器缓存可以解决问题？”
您的身份验证过程使用localStorage 吗？
是的，它使用本地存储

标签： node.js reactjs caching browser

【解决方案1】：

如果您只想清除完整的缓存数据你可以这样做。

const clearCacheData = () => {
    caches.keys().then((names) => {
      names.forEach((name) => {
        caches.delete(name);
      });
    });
    alert('Complete Cache Cleared')
  };

然后返回

    <div style={{ height: 500, width: '80%' }}>
      <h4>How to clear complete cache data in ReactJS?</h4>
      <button onClick={() => clearCacheData()} >
        Clear Cache Data</button>
    </div>

【讨论】：

非常感谢。将尝试实现这一点。

【解决方案2】：

只需在注销时清除您的localStorage：localStorage.clear()（将此代码放在您的“注销”函数中）

【讨论】：

我已经这样做了，如果您仔细阅读，我说过注销时已删除身份验证令牌