ondownloadprogress load和total不存在

Question

axios中使用ondownloadprogress获取下载进度，开发环境中参数有load和total, 打包后ondownloadprogress中没有load和total是为什么

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如需一对一服务私聊我哦

结构鲜明版答案： 问题：axios中使用ondownloadprogress获取下载进度，开发环境中参数有load和total，但打包后ondownloadprogress中没有load和total是为什么？ 解答：axios中，ondownloadprogress会在下载过程中被调用，可用于获取下载进度。在开发环境中，load和total参数可以通过XHR对象获取。但是，打包后的axios库中，XHR对象已经被封装起来了，所以无法直接获取load和total参数。 为了解决这个问题，我们可以利用axios提供的onDownloadProgress配置项。该配置项会在数据接收进度发生变化时被调用，并将进度信息作为参数传入。我们可以通过这些参数来获取下载进度。 示例代码：

axios.get(url, {
  onDownloadProgress: function(progressEvent) {
    // 监测下载进度
    const { loaded, total } = progressEvent;        
    const percent = Math.floor((loaded * 100) / total);
    console.log(`下载进度：${percent}%`);
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

在上面的代码中，我们通过onDownloadProgress配置项来监测下载进度。当下载进度发生变化时，该配置项会调用一个回调函数，并将进度信息作为参数传入。我们可以从参数中获取loaded和total属性，从而计算出下载进度。在这里，我们将下载进度打印出来。