Axios GET请求忽略响应缓存控制最大年龄

Question

我已将服务器响应配置为包含缓存控制：最大年龄=


我检查了浏览器缓存，响应确实被缓存了。
Axios在两个有问题的请求的标题中添加了max-age=0，但没有添加其他三个请求如果我向Axios请求添加自定义标头：

let payload = {params: {cik: 999}, headers: {'Cache-Control': 'max-age=9999'}};
axios.get('/api/13f-holdings/filer/historical', payload).then((resp) => {
    // handle response
});

请求通过以下缓存控制标题完成：

Cache-Control: max-age=9999, max-age=0

它会再次忽略缓存的数据。

鉴于有问题的响应实际上是由浏览器缓存的，问题似乎在于Axios请求。但是到达缓存的请求看起来与丢失缓存的请求完全相同。如果我能提供任何额外的信息来帮助诊断，请告诉我。

编辑：我正在使用VueJS。我注意到，在Vue组件挂载后，两个从未命中浏览器缓存的请求被触发。这有意义吗？Vue不能在组件安装后立即访问浏览器缓存吗？




Answer 1

这种行为与浏览器开发人员在刷新页面时选择加载数据的方式有关，并且在很大程度上不受网站开发人员的控制。

如果您担心请求没有根据服务器的Cache-Control响应头进行缓存，您可以将请求URI粘贴到新选项卡的地址栏中，并验证页面是否从浏览器缓存中加载。

有关详细说明，请参见此问题：

为什么AJAX会从Vue中挂载的钩子发送请求。js总是忽略浏览器缓存吗？