由于缓存的 JS 文件，JavaScript 函数无法正常工作

Question

我在管理面板的每个页面上都需要一些 JS 文件，例如:functions.js、login.js、...

我使用 gulp 将所有这些文件(并缩小它们)合并到一个文件中:admin.js

两天前，我做了一个名为“changeTicketStatus”的新函数，但是有一个问题:缓存。

• 每当有人访问我的网站时，新功能还没有工作。

• 当他们访问 http://website/js/admin.js在浏览器中手动操作，他们确实看到了新功能。

• 当他们通过来源检查时(在 chrome 开发工具中)，他们没有看到该功能。

由于我们使用 CloudFlare 进行缓存，我认为这可能是问题所在，但我们已经清除了 CF 上的所有缓存，但它仍然无法正常工作。

试图访问我网站的人也已经清除了缓存。 它确实在私有(private)模式下工作(隐身)，所以我猜它应该与缓存相关......我只是觉得这真的很奇怪，即使在清除缓存之后，该功能仍然没有出现在开发工具中.

如果有人能帮助我，我将不胜感激。我没有主意，我真的不知道如何解决这个问题。

肯尼

Answer 1

你能在包含脚本的末尾添加一个随机查询字符串吗

例如:

instead of <script src="app.js"></script>
use this <script src="app.js?v234123"></script>

这将解决您关于缓存的问题。