我倾向于对框架进行版本化，然后将版本号应用于脚本和样式路径

<cfset fw.version = '001' />
<script src="/scripts/#fw.version#/foo.js"/>

我已经通过使用解决了这个问题 ETag

Etag类似于指纹，如果给定URL上的资源发生变化，则必须生成一个新的Etag值。比较它们可以确定资源的两个表示是否相同。

最近我找到了解决这个问题的办法。在我的情况下，我试图更新一个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元素无效。但在这两种技术之间，你可以更新任何你现在需要的信息:-)

更新:请参见location.reload()没有参数作为这个非标准参数的背景，以及Firefox如何可能是唯一支持的现代浏览器。

您可以调用window.location.reload(true)来重新加载当前页面。它将忽略任何缓存项，并从服务器检索页面、css、图像、JavaScript等的新副本。这不会清除整个缓存，但会清除您所在页面的缓存。

但是，最好的策略是对路径或文件名进行版本控制，就像在其他各种答案中提到的那样。此外，请参阅旋转文件名:由于不使用?v=n作为版本控制方案的原因，不要使用querystring。

裁判:https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete

Cache.delete ()

方法

语法:

cache.delete(request, {options}).then(function(found) {
  // your cache entry has been deleted if found
});

或者你可以通过服务器用file_get_contts读取js文件，然后在js内容的头中放入echo