javascript - 使用 axios 在单独的文件中上传文件的进度

Question

与我在堆栈溢出中找到的解决方案相比，我有不同的代码结构，我无法在那些我想在 uploadFile.vue 中获取上传文件的进度以在进度条中显示它的人的帮助下实现

//UploadPdf.vue
 res = await fileLedgerApi.uploadFile(this.folder.id, formdata);
console.log(res);

//fileLedgerApi.js
  uploadFile(folderId, data){
    return axios
      .reqApi(this.resource.uploadFile + folderId)
      .post(data)
      .then(response => {
        return response.data
      })
      .catch(err => {
        throw new Error(err.response.data.message);
      });
  },
  

//axios.js
export default {
  reqApi(url) {
    return {
      post: data => axiosInstance.post(baseURL + url, data)
    };
  },
  axiosInstance,
  BASEURL: baseURL
};

标签： javascriptreactjsvue.jsaxios