Angular 2/4模板缓存不起作用

Question

3

我们的 Angular 4 应用在缓存问题上存在问题，发布新版本后似乎旧的模板文件会被缓存（Ctrl + F5 解决该问题）。

我们使用 angular-cli(--prod) 来构建应用程序，它应该在发布新版本时处理缓存问题。编译后的 js 文件名包含每个版本的哈希值，因此文件不会被缓存。HTML 应该包含在 JavaScript 文件中。但仍然存在旧的模板文件被缓存的情况。

一个可能的解决方案可以参考这里：如何在Angular 2网站上防止浏览器缓存？为什么更改这些设置可以解决问题呢？毕竟请求的是js文件而不是模板文件。针对这个问题，最好的解决方案是什么？

- DominikP

你确定主页（index.html）本身没有被缓存吗？ - David

实际上这可能是问题所在。使用缓存控制元标记是否是一个好的做法？(https://dev59.com/6nM_5IYBdhLWcg3whznx#1341133) - DominikP

这是否也会影响图像缓存、JavaScript等内容？ - DominikP

这取决于浏览器和您的Web服务器（Apache，Nginx）添加的缓存元数据。 - David

我使用了一种非常规的解决方案，但它可以消除 Angular 6 中的所有类型缓存问题（浏览器、CDN、代理/ISP 缓存），请参见（https://dev59.com/Y1kS5IYBdhLWcg3wlnzg#54538027）。 - Aviko

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DominikP · Accepted Answer

解决方案是为我们的亚马逊S3存储桶中的index.html文件设置缓存过期标头。