大多数正确答案在这个话题中已经提到了。然而，我想添加一篇文章的链接，这是我能读到的最好的一篇文章。

https://www.fastly.com/blog/clearing-cache-browser

在我看来，最合适的解决方案是:

POST在一个iframe中。下面是建议帖子的一个小删减:

=============

const ifr = document.createElement('iframe');
ifr.name = ifr.id = 'ifr_'+Date.now();
document.body.appendChild(ifr);
const form = document.createElement('form');
form.method = "POST";
form.target = ifr.name;
form.action = ‘/thing/stuck/in/cache’;
document.body.appendChild(form);
form.submit();

有一些明显的副作用:这将创建一个浏览器历史记录条目，并受到响应未缓存的相同问题的影响。但它逃脱了fetch存在的预飞行要求，并且由于它是一个导航，分割缓存的浏览器将清除正确的缓存。

这个几乎能搞定。Firefox将为跨源资源保留卡住的对象，但仅用于后续获取。每个浏览器都将使对象的导航缓存无效，无论是同一源资源还是跨源资源。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

我们尝试了很多方法，但是这个很有效。唯一的问题是，你需要能够以某种方式将这个脚本带到最终用户页面，这样你就能够重置缓存。在这种特殊情况下，我们是幸运的。

最近我找到了解决这个问题的办法。在我的情况下，我试图更新一个html元素使用javascript;我一直在使用XHR根据从GET请求中检索到的数据更新文本。尽管XHR请求频繁发生，但缓存的HTML数据却令人沮丧地保持不变。

最近，我在fetch api中发现了一个缓存破坏方法。fetch api取代了XHR，使用起来超级简单。这里有一个例子:

        async function updateHTMLElement(t) {
            let res = await fetch(url, {cache: "no-store"});
            if(res.ok){
                let myTxt = await res.text();
                document.getElementById('myElement').innerHTML = myTxt;
            }
        }

注意到{cache: "no-store"}参数了吗?这将导致浏览器破坏该元素的缓存，以便正确加载新数据。天哪，这对我来说简直是天赐良机。我希望这对你也有帮助。

稍微讲一下，为了破坏在服务器端更新的图像的缓存，但保持相同的src属性，最简单和最古老的方法是简单地使用Date.now()，并将该数字作为url变量附加到该图像的src属性。这对图像可靠，但对HTML元素无效。但在这两种技术之间，你可以更新任何你现在需要的信息:-)

如果你使用php可以做:

 <script src="js/myscript.js?rev=<?php echo time();?>"
    type="text/javascript"></script>

把这个放在模板的末尾:

var scripts =  document.getElementsByTagName('script');
var torefreshs = ['myscript.js', 'myscript2.js'] ; // list of js to be refresh
var key = 1; // change this key every time you want force a refresh
for(var i=0;i<scripts.length;i++){ 
   for(var j=0;j<torefreshs.length;j++){ 
      if(scripts[i].src && (scripts[i].src.indexOf(torefreshs[j]) > -1)){
        new_src = scripts[i].src.replace(torefreshs[j],torefreshs[j] + 'k=' + key );
        scripts[i].src = new_src; // change src in order to refresh js
      } 
   }
}

你不能用javascript清除缓存。 一种常见的方法是将修订号或最近一次更新的时间戳附加到文件中，如下所示:

myscript.123.js

or

myscript.js吗?更新= 1234567890

试试这个

 <script language="JavaScript" src="js/myscript.js"></script>

:

 <script language="JavaScript" src="js/myscript.js?n=1"></script>