我发现John Millikin和da5id的建议很有用。原来这个术语叫做自动版本控制。
我在下面发布了一个新答案，它是我的原始解决方案和John的建议的结合。
另一个想法是由SCdF提出的，即将虚假查询字符串附加到文件中。（一些Python代码，可以自动使用时间戳作为虚假查询字符串，被pi.提交。）
然而，对于浏览器是否会缓存带查询字符串的文件存在一些讨论。（记住，我们希望浏览器缓存文件并在以后的访问中使用它。我们只希望在文件更改时再次获取它。）
time（）部分即可：<script src="<?php echo get_template_directory_uri(); ?>/js/main.js?v=<?= time() ?>"></script>
<script>
var script = document.createElement('script');
script.src = "js/app.js?v=" + Math.random();
document.getElementsByTagName('head')[0].appendChild(script);
</script>
#!/bin/bash
# Create a JSON map from filenames to MD5 hashes
# Run as hashes.sh < inputfile.list > outputfile.json
echo "{"
delim=""
while read l; do
echo "$delim\"$l\": \"`md5 -q $l`\""
delim=","
done
echo "}"
这个文件可以在服务器启动时加载并参考，而不是读取文件系统。
为不同的静态文件设置不同的cache-control:max-age值。
对于CSS和JavaScript文件，由于服务器上修改这些文件的可能性很高，因此将cache-control:max-age值设置为1或2分钟或满足您需求的某个最小值。
对于图像，请将远日期设置为cache-control:max-age值，例如360天。
这样做时，当我们进行第一次请求时，所有静态内容均会通过200-OK响应下载到客户端机器上。
在随后的请求和两分钟之后，我们会看到关于CSS和JavaScript文件的304-Not Modified请求，这避免了我们进行CSS和JavaScript版本控制。
图像文件将不会被请求，因为它们将从缓存的内存中使用，直到��存过期。
通过使用下面的web.config配置，我们可以实现上述描述的行为：
<system.webServer>
<modules runAllManagedModulesForAllRequests="true"/>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="00.00:01:00"/>
</staticContent>
<httpProtocol>
<customHeaders>
<add name="ETAG" value=""/>
</customHeaders>
</httpProtocol>
</system.webServer>
<location path="Images">
<system.webServer>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="180.00:00:00" />
</staticContent>
</system.webServer>
</location>
<link rel="stylesheet" href="file.css?<?=hash_hmac('sha1', session_id(), md5_file("file.css")); ?>" />
对文件进行哈希处理意味着当文件发生更改时，查询字符串也会发生更改。如果没有更改，它将保持不变。每个会话也都会强制重新加载。
此外，您还可以使用重写来使浏览器认为这是一个新的URI（可选）。
<link rel="stylesheet" href="~/css/xxx.css" asp-append-version="true" />
<script src="~/js/xxx.js" asp-append-version="true"></script>
它将生成HTML：
<link rel="stylesheet" href="/css/xxx.css?v=rwgRWCjxemznsx7wgNx5PbMO1EictA4Dd0SjiW0S90g" />
每次更新文件时，框架都会生成一个新的版本号。
好的，我已经通过在JavaScript文件版本中添加随机数来使其按照我的方式工作，每次页面加载时更改JavaScript文件版本，如下所示：
// Add it to the top of the page
<?php
srand();
$random_number = rand();
?>
然后将随机数应用于JavaScript版本，如下所示：
<script src="file.js?version=<?php echo $random_number;?>"></script>
location.reload(true)
或者在检查器中使用“网络”（[CTRL] + [I]），点击“禁用缓存”，点击垃圾桶图标，点击“加载”/“获取”
这是我的基于Bash脚本的缓存破坏解决方案：
示例index.html条目，包含带有时间戳的.js和.css：
<link rel="stylesheet" href="bla_bla.css?v=my_timestamp">
<script src="scripts/bla_bla.js?v=my_timestamp"></script>
文件timestamp.txt应只包含相同的时间戳“my_timestamp”（稍后将由脚本搜索并替换）
最后，这是脚本（让我们称其为cache_buster.sh :D）
old_timestamp=$(cat timestamp.txt)
current_timestamp=$(date +%s)
sed -i -e "s/$old_timestamp/$current_timestamp/g" index.html
echo "$current_timestamp" >timestamp.txt
ExpiresActive On ExpiresDefault "modification"。 - Frank Conijn - Support Ukraineiframe.contentWindow.location.reload(true)来有效地执行相同的操作。请参见 https://dev59.com/6XNA5IYBdhLWcg3wIqPr#22429796 的方法（4）-那是关于图片的，但同样适用。 - Doin