下载功能调试

src/utils/download.js

@@ -1,42 +1,80 @@
-import { get, post, put } from '@/http/index.ts';
+import { get, post, put } from '@/http/index.ts'
+import axios from 'axios'
+import { saveAs } from 'file-saver'
+
+const baseUrl = import.meta.env.VITE_API_URL
+const service = axios.create({
+    baseURL: baseUrl,
+    timeout: 60000,
+})
 
 // 下载blob文件
 export const downloadFile = ({ fileData, fileType, fileName }) => {
     const blob = new Blob([fileData], {
-    type: fileType
+        type: fileType,
-  });
+    })
-  const link = document.createElement('a');
+    const link = document.createElement('a')
-  link.href = URL.createObjectURL(blob);
+    link.href = URL.createObjectURL(blob)
-  link.download = fileName;
+    link.download = fileName
-  link.style.display = 'none';
+    link.style.display = 'none'
-  document.body.appendChild(link);
+    document.body.appendChild(link)
-  link.click();
+    link.click()
-  URL.revokeObjectURL(link.href);
+    URL.revokeObjectURL(link.href)
-  document.body.removeChild(link);
+    document.body.removeChild(link)
-};
+}
 
 // 通用a链接下载
 export const downloadFileByUrl = (url) => {
-  const link = document.createElement('a');
+    const link = document.createElement('a')
-  link.href = url; // 设置文件 URL
+    link.href = url // 设置文件 URL
-  link.download = ''; // 提供下载提示
+    link.download = '' // 提供下载提示
-  document.body.appendChild(link); // 将链接添加到 DOM
+    document.body.appendChild(link) // 将链接添加到 DOM
-  link.click(); // 模拟点击下载
+    link.click() // 模拟点击下载
-  document.body.removeChild(link); // 下载后移除链接
+    document.body.removeChild(link) // 下载后移除链接
-};
+}
 
 // pdf、doc、docx等文件下载
 export const downloadFileData = ({ fileName, fileUrl }) => {
-  const link = document.createElement('a');
+    const link = document.createElement('a')
-  link.setAttribute('download', '');
+    link.setAttribute('download', '')
-  link.style.display = 'none';
+    link.style.display = 'none'
-  link.href = fileUrl;
+    link.href = fileUrl
-  link.download = fileName;
+    link.download = fileName
-  document.body.appendChild(link);
+    document.body.appendChild(link)
-  link.click();
+    link.click()
     // URL.revokeObjectURL(link.href)
-  document.body.removeChild(link);
+    document.body.removeChild(link)
-};
+}
+
+const blobValidate = (data) => {
+    return data.type !== 'application/json'
+}
+
+const tansParams = (params) => {
+    let result = ''
+    for (const propName of Object.keys(params)) {
+        const value = params[propName]
+        var part = encodeURIComponent(propName) + '='
+        if (value !== null && value !== '' && typeof value !== 'undefined') {
+            if (typeof value === 'object') {
+                for (const key of Object.keys(value)) {
+                    if (
+                        value[key] !== null &&
+                        value[key] !== '' &&
+                        typeof value[key] !== 'undefined'
+                    ) {
+                        let params = propName + '[' + key + ']'
+                        var subPart = encodeURIComponent(params) + '='
+                        result += subPart + encodeURIComponent(value[key]) + '&'
+                    }
+                }
+            } else {
+                result += part + encodeURIComponent(value) + '&'
+            }
+        }
+    }
+    return result
+}
 
 export function download(url, params, filename, config) {
     console.log('🚀 ~ download ~ url:', url)
@@ -45,10 +83,11 @@ export function download(url, params, filename, config) {
     //   spinner: 'el-icon-loading',
     //   background: 'rgba(0, 0, 0, 0.7)',
     // });
-  return post(url, params, {
+    return service
+        .post(url, params, {
             transformRequest: [
                 (params) => {
-        return tansParams(params);
+                    return tansParams(params)
                 },
             ],
             headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
@@ -57,11 +96,11 @@ export function download(url, params, filename, config) {
         })
         .then(async (data) => {
             console.log('🚀 ~ .then ~ data:', data)
-      const isBlob = blobValidate(data);
+            const isBlob = blobValidate(data)
             console.log('🚀 ~ .then ~ isBlob:', isBlob)
             if (isBlob) {
-        const blob = new Blob([data]);
+                const blob = new Blob([data])
-        saveAs(blob, filename);
+                saveAs(blob, filename)
             } else {
                 // const resText = await data.text();
                 // const rspObj = JSON.parse(resText);
@@ -72,8 +111,8 @@ export function download(url, params, filename, config) {
             // downloadLoadingInstance.close();
         })
         .catch((r) => {
-      console.error(r);
+            console.error(r)
             // Message.error('下载文件出现错误，请联系管理员！');
             // downloadLoadingInstance.close();
-    });
+        })
 }

src/views/user/goodsManagement/index.vue

@@ -1050,9 +1050,9 @@ const onTempDownLoad = () => {
         cancelButtonText: '取消',
         type: 'warning',
     })
-        .then(async() => {
+        .then(async () => {
-            const res: any = await downLoadTemplate()
+            // const res: any = await downLoadTemplate()
-            const blob = res.blob()
+            // const blob = res.blob()
             // downloadFile({
             //     fileData: res,
             //     fileType: 'application/octet-stream',
@@ -1066,11 +1066,7 @@ const onTempDownLoad = () => {
             //         fileName: `模版_${new Date().getTime()}.xlsx`,
             //     })
             // })
-            download(
+            download('/material-mall/dev/downLoadDev', {}, `模版_${new Date().getTime()}.xlsx`)
-                '/material-mall/dev/downLoadDev',
-                {},
-                `模版_${new Date().getTime()}.xlsx`
-            )
         })
         .catch(() => {})
 }