axios进行百分比进度展示（适用于文件流的上传/下载）

接口进行响应时

//接口响应头需存在 Content-Length ，不存在则让后端传递过来（否则无法进行事件onDownloadProgress）
axios.post(`/xxx/xxx`, params,{
        onDownloadProgress:(e)=>{
         //e.lengthComputable : 表示加载的总量是否可以计算，默认是false
         //如果为false，e.total实际上是没有意义的
        //e.loaded :表示现在已加载的文件流
        //e.total  :表示整体的文件流大小
        //e.loaded / e.total * 100 //得到百分比
}
}).catch(e => throw e)

 axios({
        url:"",
        method: "post",
        params:{
            file
        },
   		onDownloadProgress:()=>{}
    },
    })

理解 ProgressEvent  

---

接口发送请求的进度

axios({
    method: 'post',
    url: '/upload',
    data: formData,
    onUploadProgress: function(progressEvent) {
        console.log(progressEvent.loaded / progressEvent.total * 100);
    }
});

相关参考：深入理解axios.onUploadProgress_笔记大全_设计学院