您现在的位置是:首页 > 技术教程 正文

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

admin 阅读: 2024-03-29
后台-插件-广告管理-内容页头部广告(手机)

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

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

一、服务端

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

1、Axios 流式请求写法

1)创建流并 Pipe 到 Writable Stream

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

  1. const axios = require('axios');
  2. const fs = require('fs');
  3. const writer = fs.createWriteStream('example.pdf');
  4. axios({
  5. method: 'get',
  6. url: '/example.pdf',
  7. responseType: 'stream'
  8. })
  9. .then(response => {
  10. response.data.pipe(writer);
  11. });

2)手动监听 data 事件

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

  1. const axios = require('axios');
  2. axios({
  3. method: 'get',
  4. url: '/example.pdf',
  5. responseTy
标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索