axios_axios的进度显示

  • 在axios的配置中加入progressEvent
// 1.获取基本数据(随笔数据, 文章数据, 评论数据, 阅读量)
export const reqGetArticleBasicData = () => instance.get('/ajax/blogStats', {
  onDownloadProgress: function (progressEvent) {//axios封装的原生获取下载进度的事件,该回调参数progressEvent中包含下载文件的总进度以及当前进度
    if (progressEvent.lengthComputable) {
      //属性lengthComputable主要表明总共需要完成的工作量和已经完成的工作是否可以被测量
      //如果lengthComputable为false,就获取不到progressEvent.total和progressEvent.loaded
      downLoadProgress.value = progressEvent.loaded / progressEvent.total * 100 //实时获取最新下载进度
    }
  }
}).then(response => response.data
).catch(err => err)
posted @   Syinho  阅读(301)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示