XMLHttpRequest接受chunked编码传输的HTTP Response时有问题

实际中遇到的问题,虽然没有最终解决,但是浪费了好长事件,记录下来,避免再次踩坑。

现在前端框架发送Ajax请求时,大部分组件最终都是调用的XMLHttpRequest对象来发送和接受请求。

使用XMLHttpRequest接受流式chunked编码的数据时(Transfer-Encoding: chunked),出现了如下问题:

|--------------------------|------------------------------|--------------------------|
| 响应的Content-Type | 谷歌浏览器 | 火狐浏览器 |
| 未设置 | 接收到1k左右的内容后才会触发 onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| text/plain | 接收到1k左右的内容后才会触发 onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| application/octet-stream | 接收到第一次内容后就触发onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| text/event-stream | 接收到第一次内容后就触发onprogress事件 | 接收到第一次内容后就触发onprogress事件 |

相关推荐
acheding26 分钟前
Vue3 + AntV/X6 自定义节点实践:组件化节点与事件联动
前端框架·vue
南山老沙10 小时前
VUE 项目通过electron-builder打包成桌面应用
electron·vue
kilito_0114 小时前
时间线 (步骤条)
vue
tianxinw15 小时前
uniapp x + vue3 实现echarts图表
前端·uni-app·vue·echarts
箫笙默1 天前
Vue3基础笔记
笔记·vue·vue3
爱学英语的程序员1 天前
让AI 帮我做了个个人博客(附提示词!)
人工智能·git·vue·github·node·个人博客
五仁火烧1 天前
Vite和HTTP 服务器
服务器·网络协议·http·vue
奔跑的web.1 天前
TypeScript 全面详解:对象类型的语法规则
开发语言·前端·javascript·typescript·vue
amazing-yuan2 天前
彻底解决该 TS 报错 + 提升编译效率
前端·javascript·vue.js·typescript·vue·异常报错处理
千寻技术帮2 天前
10343_基于Springboot的考研信息查询系统
mysql·vue·springboot·考研论坛·考研录取