Javascript 使用axios在单独文件中上载文件的进度

与我在堆栈溢出上找到的解决方案相比，我有一个不同的代码结构，在这些解决方案的帮助下我无法实现 我想在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
};