如何衡量从axios调用加载json文件的进度？

Question

为了衡量进展情况，我在想，同时使Axios公司电话做这两件事情：

1. 获取文件的大小，同时使调用JSON文件
2. 获取文件的百分比下载出来的文件大小从网络选项卡

到目前为止，我只是有这个，我可以得到的数据，但我需要一些方法来得到它背后的元数据（像文件的大小网络控制台的信息，量到目前为止下载）

const request = axios.get('/data'); 

request.then((response) => { 


} 

或者还有另一种测量进度的方法吗？

Answer 1

你只需要在配置对象传递与onUploadProgress功能：

let progress = 0; 
const request = axios.get('/data', { 
    onUploadProgress: function(event) { 
     progress = Math.round((event.loaded * 100)/event.total); 
    } 
}); 

request.then((response) => { 
    // 
} 

然后使用progress变量如你所愿。