如何衡量從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變量如你所願。