当前位置: 首页 > article >正文

前端流式(stream)请求,获取持续响应的方式

在网络请求中,流(stream)表示持续接收数据的过程。使用流,可以逐步获取服务器响应,而不是等待整个响应完成后一次性获取。

Axios 通过监听响应对象的 data 事件,可以实现流式请求,主要的写法有直接 pipe 流和手动监听事件两种。使用流可以实现大文件或数据的流传输,有效管理内存,提高传输效率。但需要注意正确处理流事件。

一、服务端

axios 从 0.12 版本开始支持流式请求。在 axios 中,可以通过响应对象的 data 事件监听流式响应。

1、Axios 流式请求写法

1)创建流并 Pipe 到 Writable Stream

通过调用 axios() 方法发起请求,获取到响应对象后,监听 data 事件,然后 pipe 数据到一个 Writable Stream 中,如 fs.createWriteStream。

const axios = require('axios');
const fs = require('fs');

const writer = fs.createWriteStream('example.pdf'); 

axios({
  method: 'get',
  url: '/example.pdf',
  responseType: 'stream'
})
.then(response => {

  response.data.pipe(writer);

});

2)手动监听 data 事件

通过调用 axios() 方法发起请求,获取到响应对象后,监听 data 事件,在事件回调中手动处理流数据:

const axios = require('axios');

axios({
  method: 'get',
  url: '/example.pdf',
  responseTy

http://www.kler.cn/a/274142.html

相关文章:

  • 基于java的宠物信息交流平台设计(含源文件)
  • json-server库的使用,实现数据模拟
  • PyTorch学习笔记之基础函数篇(十三)
  • Spring Security的开发
  • Python-GEE绘制DEM精美图片
  • iOS图片占内存大小与什么有关?
  • OSPF特殊区域(stub\nssa)
  • 电商数据采集效率开挂【Python电商数据采集API接口】
  • Jenkins实现CICD(3)_Jenkins连接到git
  • AIGC元年大模型发展现状手册
  • Java 环境一键部署
  • 赛道快马问题
  • 香港科技大学广州|智能制造学域博士招生宣讲会—同济大学专场
  • 基于单片机的模糊PID炉温控制系统设计
  • bios开启secure boot选项,进行pxe安装操作系统时报错,求解决办法
  • 海外代理IP在跨境电商中的五大应用场景
  • 【晴问算法】提高篇—动态规划专题—斐波那契数列II
  • NSGA-III算法:如何在多目标优化问题中找到最合适的解
  • Echo服务器学习__01(基础)
  • CSS学习(2)-盒子模型