关于浏览器缓存的思考

问题情境

开发中要实现一个非原生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 服务器返回最新资源
相关推荐
梦想CAD控件1 分钟前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心6 分钟前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力6 分钟前
typescript常用的dom 元素类型
前端·typescript
小怪点点12 分钟前
大文件切片上传
前端
时光不负努力12 分钟前
TS 常用工具类型
前端·javascript·typescript
SuperEugene14 分钟前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心16 分钟前
Android 17 来了!新特性介绍与适配建议
android·前端
徐小夕21 分钟前
pxcharts-vue:一款专为 Vue3 打造的开源多维表格解决方案
前端·vue.js·github
Hilaku21 分钟前
我会如何考核一个在简历里大谈 AI 提效的高级前端?
前端·javascript·面试
青青家的小灰灰43 分钟前
React 反模式(Anti-Patterns)排查手册:从性能杀手到逻辑陷阱
前端·javascript·react.js