为什么设置了Cache-Control还是频繁发起请求？
大家好，我在优化API请求时设置了Cache-Control:max-age=300，但发现页面刷新时还是频繁发起请求，控制台网络标签也没显示缓存命中的状态。比如获取用户信息的接口，明明30秒内重复访问，为什么没走缓存呢？
尝试过检查响应头确实有Cache-Control:max-age=300，也确认了Last-Modified和ETag都正常。但用Chrome开发者工具的网络标签模拟”不使用缓存”时，请求确实减少了，但正常浏览时还是会走服务器。是不是axios的配置哪里错了？
这是请求拦截的代码：
axios.interceptors.request.use(config => {
const cachedResponse = memoryCache.get(config.url);
if (cachedResponse && !isStale(cachedResponse)) {
return Promise.resolve(cachedResponse);
}
return config;
});
难道max-age需要配合其他头部字段？或者浏览器缓存和内存缓存有冲突？求大神指点具体排查方向…
- 2
回答
56浏览
为什么设置了Cache-Control还是频繁请求资源？
我在开发单页应用时给API接口设置了Cache-Control:max-age=30，但发现每次页面刷新都会重新请求JSON数据，明明应该缓存30秒才对。 代码是这样写的：fetch('/a...
- 2
回答
50浏览
设置了Cache-Control:max-age=3600后页面还是频繁请求CSS文件？
在开发中，我给CSS文件设置了HTTP头Cache-Control: max-age=3600，但发现每次刷新页面时，浏览器都会重新请求该文件。明明应该缓存一小时才对啊！ 尝试过清除浏览器缓存后再访问...
- 2
回答
85浏览
为什么设置了Cache-Control但浏览器还是重新请求资源？
我正在优化网站静态资源加载，按照教程设置了Cache-Control: public, max-age=3600，但发现每次刷新页面时资源都会重新请求。用开发者工具看响应头确实有这个字段，但网络标签显...
- 2
回答
30浏览
Cache-Control 设置了 max-age=3600，为什么浏览器还是发请求？
我给静态资源加了 Cache-Control: max-age=3600，但每次刷新页面，浏览器还是会向服务器发请求，只是返回 304。不是应该直接用缓存、不发请求才对吗？ 我试过在 Nginx 里配...
- 1
回答
26浏览
Cache-Control 设置了 max-age=3600，为什么浏览器还是发请求？
我给静态资源加了 Cache-Control: max-age=3600，但每次刷新页面，浏览器还是会发请求到服务器，只是返回 304。不是应该直接用本地缓存、不发请求才对吗？ 我用的是 Nginx，...
- 2
回答
79浏览
设置了Cache-Control后移动端图片还是重复请求是怎么回事？
我在开发移动端混合应用时遇到个奇怪的问题。给图片资源设置了响应头Cache-Control: public, max-age=3600，但用Chrome开发者工具模拟移动端时，发现每次打开页面都会重新...
- 2
回答
108浏览
为什么设置了Cache-Control还是没生效？
我在 Nginx 里给静态资源加了 Cache-Control: max-age=31536000，但每次刷新页面浏览器还是会重新请求图片，状态码是 200 而不是 304 或 from disk c...
- 2
回答
33浏览
Cache-Control 设置了却没生效？
我给静态资源加了 Cache-Control，但浏览器还是每次都请求，根本没缓存，这是为啥？ 我在 Nginx 里配置了 expires 1y;，也试过直接在 HTML 的 meta 标签里写，但刷新...
- 2
回答
70浏览
为什么设置了Access-Control-Allow-Methods后OPTIONS请求还是被拦截？
我在前端用fetch发POST请求时，明明在服务器设置了"Access-Control-Allow-Methods: POST"，但浏览器还是报错说方法不允许。预检OPTIONS请求返回405状态码，...
- 1
回答
27浏览
强缓存设置后为啥还是发请求了？
我在 Nginx 里给静态资源加了 Expires 和 Cache-Control，但每次刷新页面浏览器还是会发请求，状态码是 200（from disk cache）算不算没生效啊？ 这是我的 HT...
其次，你提到浏览器和内存缓存可能冲突，确实是个点。你在代码里用了内存缓存，但浏览器有自己的缓存机制，这两个不一定是同步的。你可以先去掉内存缓存这部分，看看浏览器自带的缓存能不能正常工作。
关于axios的配置，你这看起来没问题，但可以检查一下是否在响应拦截器里对响应做了什么操作，可能会不小心清除了缓存头。
最后，别忘了检查一下请求的method是不是GET或HEAD，因为这些方法才支持缓存，POST啥的可不会缓存。
如果还搞不定，可以在请求头上加一个Cache-Control: no-cache, no-store, must-revalidate，然后一点点排查哪个配置影响了缓存行为。希望这些建议能帮到你，有时候开发真是又爱又恨啊。
immutable参数，改成这样：Cache-Control:max-age=300,immutable。浏览器有时候就是喜欢自作聪明重新验证缓存，加了 immutable 就能省掉这些麻烦。还有你那个 axios 拦截器其实跟浏览器缓存没啥关系，那是内存级别的缓存，建议直接把这块逻辑干掉，用不着这么折腾。如果还是有问题，检查下是不是有 Vary 头部字段配置太宽泛了，比如 Vary: * 这种写法会让缓存失效。
最后记得确认下 HTML 页面本身有没有加 no-cache 或者 no-store，这也会导致接口被穿透请求。