HTTP系列——首部字段

夏灬影

HTTP协议——HTTP通用首部(常用)

通用首部字段名

通用首部字段名说明
Cache-Control控制缓存的行为
Connection允许客户单和服务器指定与请求/响应链接有关的选项
Date创建报文的日期时间

Cache-Control

Cache-Control请求指令:
指令参数说明
no-cache强制向源服务器再次验证
no-store规定缓存不能在本地存储请求的任一部分
max-age=[秒]必须比如max-age=31536000,缓存一年
Cache-Control缓存响应指令:
指令说明
public可向任意方提供响应的缓存
private仅向特定用户返回响应
no-cache缓存前必须先确认其有效性
no-store规定缓存不能在本地存储响应的任一部分
max-age=[秒]响应的最大Age值
补充

no-cache:并不意味着不缓存。它的意思是在使用缓存资源之前,它必须经过服务器的检查(revalidate也可以实现这个功能)。
no-store:才是告诉浏览器不要缓存它。
max-age
资源的内容非常稳定,长时间内都不会发生变更,那么我们就可以声明浏览器/CDN可以长时间缓存该资源(31536000秒,即一年),只要用户不手动清理浏览器缓存,一年内源服务器都不再会收到(当前浏览器/CDN)对该资源的请求。
推荐前端静态资源缓存最优解以及max-age的陷阱

Connection

字段说明
keep-alive维持长链接
close关闭链接
keep-alive说明补充

Connection: Keep-Alive 是用于 HTTP持久连接 的字段。

close模式和keep-alive模式的请求对比:

image

Keep-Alive的优缺

优点:keep-alive 模式更加高效,因为避免了连接建立和释放的开销
缺点:长时间的 tcp 连接容易导致系统资源无效占用,浪费系统资源

HTTP协议——HTTP请求首部(常用)

请求首部字段名

请求首部字段名说明
Host给出了接收请求的服务器的主机名和端口号
Referer提供了包含当前请求URL的文档的URL
User-Agent将发起请求的应用程序名称告知服务器
Accept服务器可以处理的内容类型(MIME_type)
Accept-Encoding编码方式(gzip:LZ77压缩算法;compress:LZW 压缩算法;identity:自身)
If-Modified-Since搭配Last-Modified实现协商缓存
If-None-Match搭配ETag实现缓存
Authorization用户凭证;比如(Bearer xxxx)
Cookie浏览器每次发送请求都会携带

Referer

我在www.google.com 里有一个www.baidu.com 链接,那么点击这个www.baidu.com ,它的header 信息里就有:

Referer=http://www.google.com
Referer的作用:
  • 防盗链

我只允许我自己的网站访问我自己的图片服务器,那我的域名是www.google.com,那么图片服务器每次取到Referer来判断一下是不是我自己的域名www.google.com,如果是就继续访问,不是就拦截。

  • 防止恶意请求。

动态请求是时候,必须 Referer 为我自己的网站。

Accept

请求头用来告知(服务器)客户端可以处理的内容类型,这种内容类型用MIME类型来表示。服务器可以从诸多备选项中选择一项进行应用,并使用Content-Type应答头通知客户端它的选择。

Accept字段
Accept字段信息
<MIME_type>/<MIME_subtype>单一精确的 MIME 类型, 例如text/html.
<MIME_type>/*一类 MIME 类型, 但是没有指明子类。 image/* 可以用来指代 image/png, image/svg, image/gif 以及任何其他的图片类型。
*/*任意类型的 MIME 类型
;q= (q因子权重)值代表优先顺序,用相对质量价值表示,又称作权重。
Accept: text/html

Accept: image/*

Accept: text/html, application/xhtml+xml, application/xml;q=0.9, */*;q=0.8

HTTP协议——HTTP响应首部(常用)

响应首部字段名

字段信息
Age我也没弄懂,干啥的
Server服务器应用程序软件的名称和版本
Vary决定了对于未来的一个请求头
Set-Cookie服务器端向客户端发送 cookie

Vary

Vary实现动态服务

Vary: User-Agent
例如你提供给移动端的内容是不同的,可用防止你客户端误使用了用于桌面端的缓存。 并可帮助Google和其他搜索引擎来发现你的移动端版本的页面,同时告知他们不需要Cloaking。

Vary: Accept-Encoding不同的客户端压缩编码的方式可能不同,可能有的客户端不支持压缩,那么服务器端返回的数据就不能压缩,需要服务器端做不同的数据返回。对于这个问题的解决通过添加Vary的Accept-Encoding告诉服务器支持的类型,来返回特定数据

HTTP协议——HTTP实体首部(常用)

实体首部字段名

实体首部字段信息
Allow枚举资源所支持的 HTTP 方法的集合
Content-Encoding对主体执行的任意编码方式
Content-Length主体的长度或者尺寸
Content-Type这个主体的对象类型
ETag与此实体相关的实体标记
Last-Modified这个实体最后一次被修改的日期和时间

Allow

当服务器接收到不支持的 HTTP 方法时,会以状态码405 Method Not Allowed 作为响应返回。与此同时,还会把所有能支持的 HTTP 方法写入首部字段 Allow 后返回。

Expires

缓存过期时间,用来指定资源到期的时间,是服务器端的具体的时间点。

Expires是Web服务器响应消息头字段,在响应http请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存取数据,而无需再次请求。

Expires: Wed, 04 Jul 2012 08:26:05 GMT
#通过HTTP的META设置expires和cache-control
<meta http-equiv="Expires"  content="Wed, 04 Jul 2012 08:26:05 GMT">//仅对该网页有效,对网页中的图片或其他请求无效
ps

如果在Cache-Control响应头设置了 "max-age" 或者 "s-max-age" 指令,那么 Expires 头会被忽略

Expires 是 HTTP/1 的产物,受限于本地时间,如果修改了本地时间,可能会造成缓存失效。

补充

Content-Encoding和Content-Type及服务器和客户端处理流程

# Response Headers(响应头部)
Content-Encoding: gzip
Content-Type:text/plain;charset=iso-8859-1

以返回hello信息为例:
服务端浏览器发送了一条信息:hello
首先,服务端要告诉浏览器,我给你发的这条数据的类型,不同类型的数据,接收方的处理方式不一样则需要设置Content-Type:text/plain;charset=iso-8859-1告诉浏览器怎么处理;

因为计算机只知道0和1,这时候浏览器收到的应该是:
01101000(h) 01100101(e) 01101100(l) 01101100(l) 01101111(o)

如果我们对'hello'进行gzip算法压缩;那么二进制串已经发生了改变;所以我们还需要告诉浏览器Content-Encoding: gzip

服务器-->Content-Type:text/plain和Content-Encoding:gzip
-->浏览器-->先解析压缩算法Content-Encoding:gzip-->
先解析压缩算法Content-Encoding:gzip-->后解析Content-Type

Last-Modified和If-Modified-Since的关系

浏览器在第一次访问资源时,服务器返回资源的同时,在Response Headers中添加 Last-Modified,值是这个资源在服务器上的最后修改时间:

Last-Modified: Fri, 23 Oct 2020 07:33:48 GMT

浏览器再次请求该资源,则Request Headers添加

If-Modified-Since: Fri, 23 Oct 2020 07:33:48 GMT

服务器再次收到这个资源请求,会根据If-Modified-Since值与服务器中这个资源的最后修改时间对比。如果没有变化,返回304和空的响应体,直接从缓存读取;如果If-Modified-Since的时间小于服务器中这个资源的最后修改时间,说明文件有更新,于是返回新的资源文件和200;

ETag和If-None-Match

浏览器在第一次访问资源时,服务器返回资源的同时当前资源文件的一个唯一标识在Response Headers中添加 ETag(只要资源有变化,Etag就会重新生成):

ETag: "5f92875c-6fa"

浏览器再次请求该资源,则Request Headers添加

If-None-Match: "5f92875c-6fa"

服务器只需要比较客户端传来的If-None-Match跟自己服务器上该资源的ETag是否一致,就能很好地判断资源相对客户端而言是否被修改过了

MIME 类型

MDN MIME 类型

相关博文

https 加密、http2.0、keep-alive

Accept

http的Content-Encoding和Content-Type及服务器和客户端处理流程

浏览器缓存机制

阅读 1.6k

前端工程师

296 声望
1 粉丝
0 条评论

前端工程师

296 声望
1 粉丝
文章目录
宣传栏