Angular 2/4 模板缓存清除无效

Angular 2/4 template cache-busting is not working

我们的 Angular 4 应用程序存在关于缓存清除的问题。 看起来,当我们发布新版本时,旧的模板文件被缓存了(Ctrl + F5 解决了这个问题)。

我们使用 angular-cli (--prod) 来构建我们的应用程序,它应该在新版本发布时处理缓存破坏。编译后的 js-file-names 包含每个版本的哈希号,这样文件就不会被缓存。 html 应该包含在 javascript 文件中。似乎仍然缓存了旧的模板内容。

一种可能的解决方案可能是这里的解决方案: 为什么这应该改变任何东西而不是模板而是请求 js 文件? 这个问题的最佳解决方案是什么?

解决方案是为我们的亚马逊 S3 存储桶中的 index.html 文件设置 cache-expires header。

http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Expiration.html#ExpirationAddingHeadersInS3