feat: 优化假数据上传逻辑，简化响应处理并添加调试信息

fake/upload.fake.ts

@@ -7,19 +7,11 @@ export default defineFakeRoute([
     timeout: 2000,
     method: 'POST',
     url: '/fake/upload',
-    /* response: (_, __, res) => {
+    response: () => {
-      fail = !fail;
-      if (fail) {
-        res.statusCode = 500;
-        return {
-          error: 'Upload failed',
-        };
-      }
-
       return {
         url: 'https://picsum.photos/200/300',
       };
-    }, */
+    },
     rawResponse(req, res) {
       fail = !fail;
       if (fail) {

src/components/primevue/upload-demo.vue

@@ -27,12 +27,6 @@ const fileUploadRef = useTemplateRef<FileUploadInst>('fileUploadRef');
 const onUploader = (event: FileUploadUploaderEvent) => {
   console.debug(`event.files :>> `, event.files);
   const files = event.files as FileExt[];
-  // console.debug(`fileUploadRef.value :>> `, fileUploadRef.value);
-  // console.debug(`fileUploadRef.value!.uploadedFileCount :>> `, fileUploadRef.value!.uploadedFileCount);
-  // console.debug(`fileUploadRef.value!.uploadedFiles :>> `, fileUploadRef.value!.uploadedFiles);
-  // console.debug(`fileUploadRef.value!.files :>> `, fileUploadRef.value!.files);
-  // console.debug(`fileUploadRef.value!.hasFiles :>> `, fileUploadRef.value!.hasFiles);
-
   for (const file of files) {
     fileUploadRef.value!.uploadedFiles.push({
       rawFile: file,
@@ -45,12 +39,9 @@ const onUploader = (event: FileUploadUploaderEvent) => {
     formData.append('file', file);
     axios
       .post('/fake-api/fake/upload', formData, {
-        headers: {
+        headers: { 'Content-Type': 'multipart/form-data' },
-          'Content-Type': 'multipart/form-data',
-        },
         onUploadProgress: (e) => {
           const progress = Math.round((e.loaded * 100) / (e.total || 1));
-          console.debug(`progress :>> `, progress);
           const item = fileUploadRef.value!.uploadedFiles.find((f) => f.rawFile === file);
           if (item) {
             item.progress = progress;
@@ -58,6 +49,7 @@ const onUploader = (event: FileUploadUploaderEvent) => {
         },
       })
       .then((res) => {
+        console.debug(`res :>> `, res);
         const item = fileUploadRef.value!.uploadedFiles.find((f) => f.rawFile === file);
         if (item) {
           item.status = 'uploaded';