时间戳

首页 > 解决方案 > 清除浏览器缓存反应js

node.js - 清除浏览器缓存反应js

问题描述

我有一个在后端运行 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'>

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

标签： node.jsreactjscachingbrowser

解决方案

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

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>

推荐阅读