vue中二次封装的axios怎么拿到onuploadProgress

Question

请教各位个关于二次封装axios的问题，我现在需要获取文件上传的进度，并用进度条实时显示

刚接触前端不久，对于这个二次封装axios不太了解

这是request.js

这是api.js , api.js里面导入的是request.js ,这里面主要是写请求的方式和url地址

这是vue页面调用方式

import {importPatient} from "../../../../request/api";

然后这是请求

基于以上这些，我应该怎么写onUploadProgress这个回调函数才行呢，很抓狂

Answer 1

修改你的api.js中的importPatient，需要为特定请求加入一些特有功能的时候就要这样。

比如

export const importPatient = (params, onUploadProgress) => request.post("/url",params,{
    onUploadProgress:onUploadProgress
});

调用的时候就

importPatient(params,progressEvent => {
    // 进度条
}).then(...)