关于浏览器缓存的思考

问题情境

开发中要实现一个非原生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 服务器返回最新资源
相关推荐
冰暮流星2 小时前
css3如何引入外部字体
前端·css·css3
ByteCraze2 小时前
从零到一:构建一个实时语音翻译应用(Vue3 + Web Speech API)
前端·开源·github
名字被你们想完了2 小时前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(三)
前端·flutter
用户12039112947262 小时前
从零掌握 React JSX:为什么它让前端开发像搭积木一样简单?
前端·react.js·面试
Jonathan Star2 小时前
git commit --amend 是 Git 中用于修改最后一次提交的核心命令
前端·chrome·git
在掘金801102 小时前
RequireJS 详解
前端·javascript
派大鑫wink3 小时前
Python 流程控制实战:打造文字版数独小游戏(新手友好)
服务器·前端·microsoft
JIngJaneIL3 小时前
基于Java+ vueOA工程项目管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
测试人社区-小明3 小时前
从前端体验到后端架构:Airbnb全栈SDET面试深度解析
前端·网络·人工智能·面试·职场和发展·架构·自动化
李少兄3 小时前
前端开发中的 transform、translate 与 transition
前端·css