为什么设置了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需要配合其他头部字段？或者浏览器缓存和内存缓存有冲突？求大神指点具体排查方向…
- 1
回答
27浏览
为什么设置了Cache-Control还是频繁请求资源？
我在开发单页应用时给API接口设置了Cache-Control:max-age=30，但发现每次页面刷新都会重新请求JSON数据，明明应该缓存30秒才对。 代码是这样写的：fetch('/a...
- 1
回答
14浏览
设置了Cache-Control:max-age=3600后页面还是频繁请求CSS文件？
在开发中，我给CSS文件设置了HTTP头Cache-Control: max-age=3600，但发现每次刷新页面时，浏览器都会重新请求该文件。明明应该缓存一小时才对啊！ 尝试过清除浏览器缓存后再访问...
- 2
回答
59浏览
为什么设置了Cache-Control但浏览器还是重新请求资源？
我正在优化网站静态资源加载，按照教程设置了Cache-Control: public, max-age=3600，但发现每次刷新页面时资源都会重新请求。用开发者工具看响应头确实有这个字段，但网络标签显...
- 2
回答
30浏览
设置了Cache-Control后移动端图片还是重复请求是怎么回事？
我在开发移动端混合应用时遇到个奇怪的问题。给图片资源设置了响应头Cache-Control: public, max-age=3600，但用Chrome开发者工具模拟移动端时，发现每次打开页面都会重新...
- 2
回答
49浏览
为什么设置了Access-Control-Allow-Methods后OPTIONS请求还是被拦截？
我在前端用fetch发POST请求时，明明在服务器设置了"Access-Control-Allow-Methods: POST"，但浏览器还是报错说方法不允许。预检OPTIONS请求返回405状态码，...
- 2
回答
13浏览
CORS Origin检查时，为什么设置了Access-Control-Allow-Origin却还是被拦截？
我前端项目在调用后端API时遇到了CORS问题，明明在服务器响应头里设置了Access-Control-Allow-Origin: *，但Chrome还是报错"Origin http://localh...
- 1
回答
23浏览
Vue请求缓存导致数据更新不及时怎么办？
最近在做Vue项目时遇到个奇怪的问题，我给接口设置了Cache-Control: max-age=300，但页面刷新时数据总比实际延迟很久。比如商品价格修改后，用户需要等很久才能看到新价格。 我试过手...
- 2
回答
31浏览
为什么设置了Access-Control-Allow-Origin但OPTIONS请求还是报错？
我在开发一个表单提交功能时，用fetch发送POST请求到后端API，浏览器突然报CORS错误说"Method POST is not allowed by Access-Control-Allow-...
- 2
回答
81浏览
为什么用了cache-loader还是每次构建都重新编译？
在Vue项目里按文档把cache-loader加到loader链开头了，但每次运行npm run build都会重新编译所有文件。之前尝试过删掉node_modules和dist目录，甚至改过load...
- 2
回答
39浏览
为什么设置了Access-Control-Allow-Origin却还是出现CORS错误？
我用Express写了后端API，设置了app.use(cors())，但前端调POST接口时还是报错“No 'Access-Control-Allow-Origin' header present”...
immutable参数，改成这样：Cache-Control:max-age=300,immutable。浏览器有时候就是喜欢自作聪明重新验证缓存，加了 immutable 就能省掉这些麻烦。还有你那个 axios 拦截器其实跟浏览器缓存没啥关系，那是内存级别的缓存，建议直接把这块逻辑干掉，用不着这么折腾。如果还是有问题，检查下是不是有 Vary 头部字段配置太宽泛了，比如 Vary: * 这种写法会让缓存失效。
最后记得确认下 HTML 页面本身有没有加 no-cache 或者 no-store，这也会导致接口被穿透请求。