在网络请求中,流(stream)表示持续接收数据的过程。使用流,可以逐步获取服务器响应,而不是等待整个响应完成后一次性获取。
Axios 通过监听响应对象的 data 事件,可以实现流式请求,主要的写法有直接 pipe 流和手动监听事件两种。使用流可以实现大文件或数据的流传输,有效管理内存,提高传输效率。但需要注意正确处理流事件。
一、服务端
axios 从 0.12 版本开始支持流式请求。在 axios 中,可以通过响应对象的 data 事件监听流式响应。
1、Axios 流式请求写法
1)创建流并 Pipe 到 Writable Stream
通过调用 axios() 方法发起请求,获取到响应对象后,监听 data 事件,然后 pipe 数据到一个 Writable Stream 中,如 fs.createWriteStream。文章来源:https://www.toymoban.com/news/detail-843327.html
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 事件,在事件回调中手动处理流数据:文章来源地址https://www.toymoban.com/news/detail-843327.html
const axios = require('axios');
axios({
method: 'get',
url: '/example.pdf',
responseTy
到了这里,关于前端流式(stream)请求,获取持续响应的方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!