分块编码

分块编码

分块编码传输是和持久连接配合使用的,因为如果不是持久连接的话就不需要知道长度等信息,只需要读到连接关闭即可。在持久连接的情况下,如果是服务端动态创建内容可能无法提前知道主体的长度,Content-Length也就无法明确,自然也就无法确认某次响应需要读取多少数据。这时候就可以利用分块编码传输解决这个问题,同时分块的方式也可以提高效率。比如传输过程中需要使用压缩技术,分块可以实现一边压缩一边传输。

分块编码基本格式如下(以响应报文为例):

js 复制代码
HTTP/1.1 200 OK<CR><LF> // 响应行
Content-Type: text/plain<CR><LF> // 此行及其以下是响应头
Transfer-Encoding: chunked<CR><LF>
Trailer: Content-MD5<CR><LF>
<CR><LF>

11<CR><LF> // 此行及其以下是响应体
123456789012345678901234567<CR><LF>
12<CR><LF>
1234567890123456789012345678<CR><LF>
...
0<CR><LF>
<CR><LF>

响应行和常规的HTTP响应报文一致,包含协议版本,响应状态码和原因短语。响应头的各个标头字段键值对。

需要注意的是,如果是分块编码则Transfer-Encoding必须指定为chunked。然后以一个<CR><LF>和主体部分分隔,接下去就是一个个数据分块,其中每个分块的格式都是一致的。每个分块包含十六进制的长度值和数据,长度值独占一行,长度不包括它结尾的 CRLF(\r\n),也不包括分块数据结尾的CRLF(\r\n)。

js 复制代码
length<CR><LF>
data<CR><LF>

length是十六进制的数据长度,最后一个分块长度值必须为 0,对应的分块数据没有内容,表示数据传输结束,这时候接收端就会认为这次的数据已经读取完成了。

其中分块传输除了上面提到的优点之外还有一个好处就是方便在主体内容传输完成之后再补充一些Header信息。如同示例中的Content-MD5,因为一开始无法知道主体的全部内容自然也是无法计算数据校验信息,这时候如果使用chunked再配合Trailer头就可以在分块数据的末尾补充一些Header信息。

相关推荐
前端Hardy4 分钟前
Pinia 比 Vuex 好用 10 倍?Vue3 状态管理终于不折磨人了!(新手复制即用)
前端·javascript·vue.js
前端Hardy12 分钟前
Vue3 的 v-model 双向绑定,90% 的人都用错了?(附 2026 最新避坑指南)
前端·javascript·vue.js
前端Hardy13 分钟前
救命!Vue3 的 Composition API,居然能让我少写 80% 冗余代码?(新手也能直接抄)
前端·javascript·vue.js
李剑一15 分钟前
前端必懂!一文搞懂 WebAssembly:Web/Electron/RN 全通用,你天天用的软件,底层都靠它
前端·webassembly
Definition26 分钟前
Claude Code 能养宠物了,体验下抽卡的感觉
前端·程序员
Daiyaosei31 分钟前
紧急安全警报:Axios npm 包被投毒事件详解与防护指南
前端·javascript·安全
We་ct36 分钟前
LeetCode 295. 数据流的中位数:双堆解法实战解析
开发语言·前端·数据结构·算法·leetcode·typescript·数据流
青槿吖39 分钟前
第一篇:Redis集群从入门到踩坑:3主3从保姆级搭建+核心原理一次性讲透|面试必看
前端·redis·后端·面试·职场和发展·bootstrap·html
美狐美颜sdk1 小时前
2026主流直播美颜sdk对比:效果、算法与成本分析
前端·人工智能·计算机视觉·美颜sdk·直播美颜sdk·第三方美颜sdk·视频美颜sdk
王霸天1 小时前
🚨 还在用 rem) 做大屏适配?用 vfit.js 一键搞定,告别改稿8版的噩梦!
前端·vue.js·数据可视化