JavaScript无法刷新 - 必须清除缓存

Posted 2021-03-29

我在Squarespace网站上使用wexley模板实现了this script，使图库中的图像充当链接（Wexley本身不支持点击URL）。

它工作正常，但如果我向图库添加任何缩略图，它将无法工作，直到清除浏览器缓存。

我想知道是否有办法解决这个问题？也许通过：

1）在缓存上设置到期日期？我不是在开发人员模式，所以这将不得不进入标头注入

版本化？我尝试将javascript作为文件托管在我网站的其他位置。这工作（它从另一个位置拉出脚本）但仍然得到相同的问题，即使我上传一个新的脚本文件并指向更新页面后！

答案

您可以强制客户端再次下载该字段。要实现此目的，您需要让客户端浏览器认为它没有缓存中的脚本。您可以更改文件名。

想象一下，你有这个文件夹结构：

• 的index.html
• index.js

如果在你的index.html中引用像src="index.js"这样的脚本，你可以强制客户端只下载一个查询字符串到导入：src="index.js?0"

现在，客户端浏览器将检查此文件是否在缓存中，并且因为它不是，它们将从服务器获取。

另一答案

检查我的页面上的资源加载我意识到脚本没有被缓存，所以它是其他被缓存的东西干扰。

因为我没有处于开发模式，所以我实现了一个修复，它依赖于附加带有更新日期的URL，然后设置301重定向。

添加任何内容时，必须更新URL和重定向（总共2个）。

如果有人发现此问题（与SEO或某些未知相关），我将非常感谢您的反馈。