前端学习之理解304过程

最新推荐文章于 2025-05-22 13:59:04 发布

shakalaca

最新推荐文章于 2025-05-22 13:59:04 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签：前端学习服务器

本文链接：https://blog.youkuaiyun.com/CathyleeQ/article/details/123363703

本文详细解析了前端开发中HTTP状态码304的工作原理，探讨了浏览器如何利用Last-Modified和ETag进行强制缓存和协商缓存，以及在动态页面缓存加速中的应用。同时，介绍了进程、线程和协程的基本概念及其区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

状态码304

客户端有缓存的文档发出一个条件性的请求（提供If-Modified-Since头标识客户端缓存修改时间），服务器告诉客户端，原来缓存的文档还可以继续使用。
客户端在请求一个文件的时候，发现自己缓存的文件有 Last Modified ，那么在请求中会包含 If Modified Since ，这个时间就是缓存文件的 Last Modified 。因此，如果请求中包含 If Modified Since，时间就是缓存文件的最后修改时间，就说明已经有缓存在客户端。服务端只要判断这个时间和当前请求的文件的修改时间就可以确定是返回 304 还是 200 。
对于静态文件，例如：CSS、图片，服务器会自动完成 Last Modified 和 If Modified Since 的比较，完成缓存或者更新。但是对于动态页面，就是动态产生的页面，往往没有包含 Last Modified 信息，这样浏览器、网关等都不会做缓存，也就是在每次请求的时候都完成一个 200 的请求。
因此，对于动态页面做缓存加速，首先要在 Response 的 HTTP Header 中增加 Last Modified 定义，其次根据 Request 中的 If Modified Since 和被请求内容的更新时间来返回 200 或者 304 。虽然在返回 304 的时候已经做了一次数据库查询，但是可以避免接下来更多的数据库查询，并且没有返回页面内容而只是一个 HTTP Header，从而大大的降低带宽的消耗，对于用户的感觉也是提高。
浏览器请求资源时首先命中资源的Expires 和 Cache-Control，Expires 受限于本地时间，如果修改了本地时间，可能会造成缓存失效，可以通过Cache-control: max-age指定最大生命周期，状态仍然返回200，但不会请求数据，在浏览器中能明显看到from cache字样。
强缓存失效，进入协商缓存阶段，首先验证ETagETag可以