如何衡量从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) => {
    //
}

然后根据需要使用进度变量。