关于浏览器缓存的思考

问题情境

开发中要实现一个非原生pdf预览功能,pdf链接放在一个固定的后台地址,当重新上传pdf后,预览pdf仍然是上一次的pdf内容,没有更新为最新的内容。

查看接口返回状态码为 200 OK(from disk cache),

表示此次pdf返回内容是直接从磁盘中读取的缓存,而没有请求服务器,因此pdf内容没有及时更新。

在开发中,还会看到以下几种状态码:

总结一下3者的区别:

Status Code 说明
200 OK(from memory cache) 不请求服务器,从内存中读取缓存。 kill进程后,即浏览器关闭后,数据将不存在。
200 OK(from disk cache) 不请求服务器,从磁盘中读取缓存,kill进程后,数据依然存在。
304 OK 请求服务端,发现资源没更新,从缓存中读取数据
200 OK 服务器返回最新资源
相关推荐
光影少年32 分钟前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴85036 分钟前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜1 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_719084112 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录2 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n2 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n2 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
狗哥哥3 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫3 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘4 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js