关于浏览器缓存的思考

问题情境

开发中要实现一个非原生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 服务器返回最新资源
相关推荐
祁许几秒前
【Vue】在Vue3中使用Echarts的示例 两种方法
前端·vue.js·typescript·vue·echarts
码上飞扬18 分钟前
Vue 3 30天精进之旅:Day 21 - 项目实践:打造功能完备的Todo应用
前端·javascript·vue.js
大梦一厂24 分钟前
Vue的数据为什么频繁变化但只会更新一次
前端·javascript·vue.js
打野赵怀真35 分钟前
DOM0、DOM2、DOM3事件处理方式的区别是什么?
前端·javascript
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的进度条
前端·javascript·vue.js·deepseek
轻口味1 小时前
Vue.js 与第三方插件的集成
前端·javascript·vue.js
斯~内克2 小时前
现代前端开发的演进与未来趋势:从工具革新到技术突破
前端
Loong_DQX2 小时前
[前端] axios网络请求二次封装
前端·axios·ts
还是鼠鼠2 小时前
(案例)如何使用 XMLHttpRequest 发送带查询参数的请求查询地区
前端·javascript·vscode·ajax·前端框架·html5
禁默3 小时前
HTML全局属性与Meta元信息详解:优化网页的灵魂
前端·html