如何在AWS Cloudfront上部署的Vue.js应用上强制不缓存

时间:2019-06-26 09:16:02

标签: amazon-web-services vue.js amazon-cloudfront

我在AWS Cloudfront上部署了Vue.js应用程序。我使用vue-cli和webpack,因此每次创建新版本时,会将哈希添加到app.js。它通过Codepipeline部署到S3,并使用Cloudfront提供服务。我已将cloudfront设置为index.html上具有0 TTL,并且每次部署时都会使它失效。 尽管如此,我注意到了一个令人讨厌的行为: 1.部署后,我转到我的网站,然后查看旧内容。检查开发控制台,我看到了app.js的先前哈希。 2.击中刷新(不是很困难),加载新内​​容,但是如果我关闭选项卡并再次打开它,我会再次看到旧内容(和以前的哈希)。 3.进行硬刷新可以解决此问题。

这很烦人,尤其是在进行小的修补程序并且每次必须要求用户进行一次强制刷新时。

我在这里想念什么?

0 个答案:

没有答案