清理浏览器缓存

Question

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

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

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

我做了一些研究，有一种方法可以"删除"使用meta标签进行缓存，如下所示:

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

我想确保不存储缓存不会干扰我的应用程序的性能，如果它，我想知道是否有人知道一个方法来扭转这种情况。

Answer 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>

Answer 2

在注销时清除您的localStorage: localStorage.clear()(将此代码放在您的' logout ';函数)