常见的请求头/响应头

- 请求头 响应头
缓存相关 if-modified-since / if-none-match last-modifed / etag / cache-control / expires
content Content-Type -
- Content-Length -
- - Content-Disposition
内容编码(实体压缩) Accept-Encoding: gzip, deflate, br content-encoding: brContent-Encoding: gzip
传输编码 - Transfer-Encoding:chunked(分块编码)
cookie cookie set-cookie
跨域相关 Origin Access-Control-Allow-Origin 、 Access-Control-Allow-Methods、Access-Control-Allow-Headers
- Access-Control-Allow-Credentials: true(允许客户端携带验证信息,告知浏览器是否可以将对请求的响应暴露给前端 JavaScript 代码)

1、常见的content-type

  1. text/html:HTML 文档
  2. application/javascript; charset=UTF-8
  3. text/css; charset=UTF-8
  4. application/font-woff2、application/x-font-woff2;charset=utf-8
  5. text/plain:纯文本
  6. application/json:JSON 格式数据
  7. application/xml:XML 格式数据
  8. application/pdf:PDF 文件
  9. image/jpeg:JPEG 图像
  10. application/octet-stream:二进制流/字节流数据,通常用于文件下载
image.png

2、Provisional headers are shown

image.png

"Provisional headers are shown" 是浏览器开发者工具中的一种提示,表示在请求的初期阶段,浏览器只显示了部分请求头信息。这通常发生在浏览器发送请求之后,但还未收到服务器响应时。在这个阶段,浏览器可能会显示一些“Provisional headers”(暂定头部信息),而不是完整的请求头信息。

这个提示通常不是错误,而是浏览器的一种优化方式,用来更快地展示请求的初步状态。当请求完成并收到服务器响应后,浏览器会更新这些信息,以显示完整的请求头信息和响应内容。

例如:
下面这个options请求还未响应时,上面post请求的请求头就会显示Provisional headers are shown。响应了之后,上面这个请求头就会更新为完整的。

企业微信截图_17085984344005.png
企业微信截图_17085984661200.png

3、响应头中的Transfer-Encoding: chunked 分块传输

在响应头中,Content-Length 和Transfer-Encoding通常不会同时存在。

  • Content-Length 指定消息正文长度。当连接keep-alive时,当接收到指定长度的数据,则浏览器认为传输结束

  • Transfer-Encoding: chunked :服务器把消息体划分为多个块进行传输,这样就不需要提前知道Content-Length。当最后一块的size为0时表示传输结束

image.png
image.png

4、Type ping

  • navigator.sendBeacon()发送的请求Type是ping
  • <a>链接上配置一个ping属性,点击时会向这个属性值地址发送一个请求,Type为ping。<a href="url1" ping="url2">测试</a>
    image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容