axiosget请求文件流

原创

mob64ca12e41d46 2023-11-25 11:18:43 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12e41d46的原创作品，请联系作者获取转载授权，否则将追究法律责任

axios get请求文件流

在前端开发中，经常需要从服务器获取文件流数据，例如图片、音频、视频等。axios是一个常用的HTTP请求库，它提供了方便的方法来发送和接收HTTP请求。在本文中，我们将介绍如何使用axios发送get请求获取文件流数据，并给出相应的代码示例。

准备工作

首先，我们需要确保已经安装了axios库。可以通过npm或者yarn进行安装：

npm install axios

或者

yarn add axios

安装完成后，我们就可以在项目中引入axios模块了：

import axios from 'axios';

发送get请求获取文件流

使用axios发送get请求获取文件流数据非常简单。我们只需要通过axios.get()方法发送请求，并指定responseType为'stream'即可：

axios.get(' {
  responseType: 'stream'
}).then(function (response) {
  response.data.pipe(fs.createWriteStream('file.jpg'));
});

在上述代码中，我们首先指定了请求的URL和responseType为'stream'。然后，使用then()方法处理请求返回的response对象。在then()方法中，我们调用了response.data.pipe()方法，将文件流写入到本地文件file.jpg中。

完整示例

下面是一个完整的示例，展示了如何使用axios发送get请求获取文件流数据：

import axios from 'axios';
import fs from 'fs';

axios.get(' {
  responseType: 'stream'
}).then(function (response) {
  response.data.pipe(fs.createWriteStream('file.jpg'));
}).catch(function (error) {
  console.log(error);
});

在上述示例中，我们首先引入了axios和fs模块。然后，使用axios.get()方法发送get请求，并指定了请求的URL和responseType为'stream'。接着，通过then()方法处理请求返回的response对象，并调用response.data.pipe()方法将文件流写入到本地文件中。最后，使用catch()方法捕获任何可能出现的错误并进行处理。