前端与HTTP(下) | 青训营笔记

66 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天

协议分析-报文

常用请求头

  • Accept 接收类型,表示浏览器支持的MIME类型(对标服务端返回的Content-Type)
  • Content-Type 客户端发送出去实体内容的类型
  • Cache-Control 指定请求和响应遵循的缓存机制,如no-cache
  • Ilf-Modified-Since 对应服务端的Last-Modified,用来匹配看文件是否变动,只能精确到1s之内
  • Expires
  • 缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间
  • Max-age 代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存
  • lf-None-Match 对应服务端的ETag,用来匹配文件内容是否改变 (非常精确)
  • Cookie 有cookie并且同域访问时会自动带上
  • Referer 该页面的来源URL(适用于所有类型的请求,会精确到详细页面地址,csrf拦截常用到这个字段)
  • Origin 最初的请求是从哪里发起的 (只会精确到端口),Origin比Referer更尊重隐私
  • User-Agent 用户客户端的一些必要信息,如UA头部等

常用响应头

  • Content-Type 服务端返回的实体内容的类型
  • Cache-Contro 指定请求和响应遵循的缓存机制,如no-cache
  • Last-Modified 请求资源的最后修改时间
  • Expires 应该在什么时候认为文档已经过期,从而不再缓存它
  • Max-age 客户端的本地资源应该缓存多少秒,开启了Cache-Control后有效
  • ETag 资源的特定版本的标识符,Etags类似于指纹
  • Set-Cookie 设置和页面关联的cookie,服务器通过这个头部把cookie传给客户端
  • Server 服务器的一些相关信息
  • Access-Control-Allow-Origin 服务器端允许的请求Origin头部 (警如为*)

缓存

强缓存
  1. Expires,时间戳
  2. Cache-Control

可缓存性

  • no-cache:协商缓存验证
  • no-store:不使用任何缓存

到期

  • max-age: 单位是秒,存储的最大周期相对于请求的时间

重新验证*重新加载

  • must-revalidate: -日资源过期,在成功向原始服务器验证之前,不能使用
协商缓存
  • Etag/if-None-Match: 资源的特定版本的标识符,类似于指纹
  • Last-Modified/lf-Modified-Since: 最后修改时间