element-ui，el-progress。vue项目点击按钮请求接口，出现进度条展示出接口请求的进度，怎么实现？？

Question

问题：怎么去获取到当前接口的请求进度呢，并用百分比展示出来

Answer 1

axios onprogress

Answer 2

进度条一般用于上传或者下载，axios中有提供onUploadProgress、onDownloadProgress事件，处理下返回结果即可。

Answer 3

暂时用axios的onUploadProgress方法解决的：
不确定对不对，欢迎指正
axios已封装，直接调用的接口

SET_PERCENT(state, data) {
    state.percentage = data;
},
async batch_expressNo({ state, commit, dispatch }) {
    await syncExpressNo({ demandIdList: list }, {
        onUploadProgress(progress) {
          state.nextTick(() => {
            if (progress.total === 0) {
              commit('SET_PERCENT', 0);
            } else {
              const num = Math.round(
                (progress.loaded * 100) / progress.total,
              );
              commit('SET_PERCENT', num);
            }
          });
        },
    });
}