javascript - 为什么指令模板有时从服务器加载(带有 304 响应)，有时从浏览器缓存加载(根本没有请求)？

Question

当我重新加载页面时，Angular 指令模板以两种方式加载。第一个 - 浏览器向服务器发出请求，服务器以 304 响应 - 没问题。

但第二个 - 浏览器不发出请求。我猜不出为什么。

因此，当我对第一组的模板进行更改时，更改会在下一页重新加载时显示。但没有显示第二组模板的变化。这就是麻烦所在。

问题是 - 如何让浏览器向服务器发送每个模板的请求？

Answer 1

模板的响应 header 中似乎没有 Cache-Control header 。在这种情况下a browser will use a heuristic决定响应可以缓存多长时间。

解决您在开发中始终获取新鲜模板的问题。您可以:

• 在开发者工具中选中“禁用缓存”

• 为您关心的资源设置适当的Cache-Control header ，即:

  缓存控制:无缓存

如果您想了解各种 Cache-Control 值触发的不同行为，我强烈推荐 this article by Ilya Grigorik .