axios ts 封装 文件下载

Axios是一个基于promise的HTTP库，可以用于浏览器和Node.js。它提供了从浏览器中创建HTTP请求的简单方式，以及在Node.js中发起HTTP请求的功能。

在使用Axios进行文件下载时，封装成TypeScript类是一种好的实践。首先，我们需要创建一个名为FileDownloadService的类，并导入Axios和FileSaver.js库（也可以使用其他库来保存文件）。

接下来，我们创建一个名为downloadFile的方法，该方法传递url和fileName两个参数，其中url指定文件的下载链接，fileName指定文件的名称。然后，我们使用Axios发起GET请求，并设置响应类型为blob。

在Axios响应后，我们使用FileSaver.js库将blob响应类型保存为文件，使用saveAs()方法，可以将文件保存到本地。

最后，我们可以在我们的应用程序的其他部分中调用FileDownloadService中的downloadFile函数，以下载文件。

以下是使用TypeScript的Axios封装文件下载的示例：

import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
import { saveAs } from 'file-saver';

class FileDownloadService {
public downloadFile = async (url: string, fileName: string) => {
try {
const response: AxiosResponse = await axios.get(url, {
responseType: 'blob',
});
const blob = new Blob([response.data], { type: response.headers['content-type'] });
saveAs(blob, fileName);
} catch (error) {
console.error(error);
}
};
}

export default new FileDownloadService();

这是一个简单的Axios和TypeScript的文件下载示例。在实际的应用程序中，可能需要添加更多处理逻辑和错误检查语句，以确保下载文件的稳定性和可靠性。