axios监听后端接口响应进度

Axios是一个流行的JavaScript库，用于浏览器和Node.js中处理HTTP请求。如果你想要监听后端接口的响应进度，你可以利用axios提供的配置选项`onUploadProgress`和`onDownloadProgress`。

这两个函数会在上传或下载文件时，分别对进度进行回调。它们接受两个参数：`progressEvent`，这是浏览器提供的进度事件对象，包含百分比进度和已发送的数据量；以及`xhr`，即当前正在进行的HTTP请求实例。

示例代码如下：

import axios from 'axios';

const config = {
  method: 'POST',
  url: 'your-api-url',
  onUploadProgress: (progressEvent) => {
    console.log(`Uploading progress: ${Math.round(progressEvent.loaded * 100 / progressEvent.total)}%`);
  },
  // 如果你也在下载数据时需要监控，添加这个配置
  onDownloadProgress: (progressEvent) => {
    console.log(`Downloading progress: ${Math.round(progressEvent.loaded * 100 / progressEvent.total)}%`);
  }
};

axios(config)
  .then(response => {
    // 处理成功响应
  })
  .catch(error => {
    // 处理错误
  });