重写 el-upload httpRequest 文件上传成功会走成功的钩子，失败走失败的钩子

src/api/infra/file/index.ts

@@ -38,3 +38,8 @@ export const getFilePresignedUrl = (path: string) => {
 export const createFile = (data: any) => {
   return request.post({ url: '/infra/file/create', data })
 }
+
+// 上传文件
+export const updateFile = (data: any) => {
+  return request.upload({ url: '/infra/file/upload', data })
+}

src/components/UploadFile/src/useUpload.ts

@@ -1,8 +1,6 @@
-import { getAccessToken, getTenantId } from '@/utils/auth'
 import * as FileApi from '@/api/infra/file'
 import CryptoJS from 'crypto-js'
 import { UploadRawFile, UploadRequestOptions } from 'element-plus/es/components/upload/src/upload'
-import { ajaxUpload } from 'element-plus/es/components/upload/src/ajax'
 import axios from 'axios'
 
 export const useUpload = () => {
@@ -26,11 +24,21 @@ export const useUpload = () => {
         return { data: presignedInfo.url }
       })
     } else {
-      // 模式二：后端上传（需要增加后端身份认证请求头）
+      // 模式二：后端上传
-      options.headers['Authorization'] = 'Bearer ' + getAccessToken()
+      // 重写 el-upload httpRequest 文件上传成功会走成功的钩子，失败走失败的钩子
-      options.headers['tenant-id'] = getTenantId()
+      return new Promise((resolve, reject) => {
-      // 使用 ElUpload 的上传方法
+        FileApi.updateFile({ file: options.file })
-      return ajaxUpload(options)
+          .then((res) => {
+            if (res.code === 0) {
+              resolve(res)
+            } else {
+              reject(res)
+            }
+          })
+          .catch((res) => {
+            reject(res)
+          })
+      })
     }
   }