导出方法修改成文件流形式

ZR.Vue/src/utils/request.js

@@ -1,11 +1,12 @@
 import axios from 'axios'
-import { MessageBox, Message } from 'element-ui'
+import { MessageBox, Message, Loading } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
-// import { blobValidate } from "@/utils/ruoyi";
-// import errorCode from '@/utils/errorCode'
-// import { saveAs } from 'file-saver'
+import { blobValidate } from '@/utils/ruoyi'
+import errorCode from '@/utils/errorCode'
+import { saveAs } from 'file-saver'
 
+let downloadLoadingInstance
 // 解决后端跨域获取不到cookie问题
 axios.defaults.withCredentials = true
 axios.defaults.headers['Content-Type'] = 'application/json'
@@ -14,45 +15,49 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 30000
+  timeout: 30000,
 })
 
 // request拦截器
-service.interceptors.request.use(config => {
-  // 是否需要设置 token
-  if (getToken()) {
-    //将token放到请求头发送给服务器,将tokenkey放在请求头中
-    config.headers['Authorization'] = 'Bearer ' + getToken();
-    config.headers['userid'] = store.getters.userId;
-  } else {
-    // console.log(config)
-  }
-  return config;
-}, error => {
-  console.log(error)
-  Promise.reject(error)
-})
+service.interceptors.request.use(
+  (config) => {
+    // 是否需要设置 token
+    if (getToken()) {
+      //将token放到请求头发送给服务器,将tokenkey放在请求头中
+      config.headers['Authorization'] = 'Bearer ' + getToken()
+      config.headers['userid'] = store.getters.userId
+    } else {
+      // console.log(config)
+    }
+    return config
+  },
+  (error) => {
+    console.log(error)
+    Promise.reject(error)
+  },
+)
 
 // 响应拦截器
-service.interceptors.response.use(res => {
+service.interceptors.response.use(
+  (res) => {
     if (res.status !== 200) {
-      Promise.reject('network error');
-      return;
+      Promise.reject('network error')
+      return
     }
     // 未设置状态码则默认成功状态
-    const { code, msg } = res.data;
+    const { code, msg } = res.data
     // 二进制数据则直接返回
     if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
-      return res.data
+      return res
     }
     if (code == 401) {
       MessageBox.confirm('登录状态已过期，请重新登录', '系统提示', {
         confirmButtonText: '重新登录',
         cancelButtonText: '取消',
-        type: 'warning'
+        type: 'warning',
       }).then(() => {
         store.dispatch('LogOut').then(() => {
-          location.href = process.env.VUE_APP_ROUTER_PREFIX + 'index';
+          location.href = process.env.VUE_APP_ROUTER_PREFIX + 'index'
         })
       })
 
@@ -60,33 +65,33 @@ service.interceptors.response.use(res => {
     } else if (code == 0 || code == 1 || code == 110 || code == 101 || code == 403 || code == 500 || code == 429) {
       Message({
         message: msg,
-        type: 'error'
+        type: 'error',
       })
       return Promise.reject(res.data)
     } else {
       //返回标准 code/msg/data字段
-      return res.data;
+      return res.data
     }
   },
-  error => {
+  (error) => {
     console.log('err' + error)
-    let { message } = error;
-    if (message == "Network Error") {
-      message = "后端接口连接异常";
-    } else if (message.includes("timeout")) {
-      message = "系统接口请求超时";
-    } else if (message.includes("Request failed with status code 429")) {
-      message = "请求过于频繁，请稍后再试";
-    } else if (message.includes("Request failed with status code")) {
-      message = "系统接口" + message.substr(message.length - 3) + "异常";
+    let { message } = error
+    if (message == 'Network Error') {
+      message = '后端接口连接异常'
+    } else if (message.includes('timeout')) {
+      message = '系统接口请求超时'
+    } else if (message.includes('Request failed with status code 429')) {
+      message = '请求过于频繁，请稍后再试'
+    } else if (message.includes('Request failed with status code')) {
+      message = '系统接口' + message.substr(message.length - 3) + '异常'
     }
     Message({
       message: message,
       type: 'error',
-      duration: 5 * 1000
+      duration: 5 * 1000,
     })
     return Promise.reject(error)
-  }
+  },
 )
 
 /**
@@ -98,12 +103,12 @@ export function get(url, params) {
   return new Promise((resolve, reject) => {
     axios
       .get(url, {
-        params: params
+        params: params,
       })
-      .then(res => {
+      .then((res) => {
         resolve(res.data)
       })
-      .catch(err => {
+      .catch((err) => {
         reject(err)
       })
   })
@@ -113,12 +118,12 @@ export function post(url, params) {
   return new Promise((resolve, reject) => {
     axios
       .post(url, {
-        params: params
+        params: params,
       })
-      .then(res => {
+      .then((res) => {
         resolve(res.data)
       })
-      .catch(err => {
+      .catch((err) => {
         reject(err)
       })
   })
@@ -131,39 +136,53 @@ export function post(url, params) {
  */
 export function postForm(url, data, config) {
   return new Promise((resolve, reject) => {
-    axios.post(url, data, config).then(res => {
-      resolve(res.data)
-    }).catch(err => {
-      reject(err)
-    })
+    axios
+      .post(url, data, config)
+      .then((res) => {
+        resolve(res.data)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
-
 // 通用下载方法
-// export function download(url, params, filename) {
-//   //downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
-//   return service.post(url, params, {
-//     //transformRequest: [(params) => { return tansParams(params) }],
-//     headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-//     responseType: 'blob'
-//   }).then(async (data) => {
-//     const isLogin = await blobValidate(data);
-//     if (isLogin) {
-//       const blob = new Blob([data])
-//       saveAs(blob, filename)
-//     } else {
-//       const resText = await data.text();
-//       const rspObj = JSON.parse(resText);
-//       const errMsg = "出錯了";// errorCode[rspObj.code] || rspObj.msg || errorCode['default']
-//       Message.error(errMsg);
-//     }
-//     // downloadLoadingInstance.close();
-//   }).catch((r) => {
-//     console.error(r)
-//     Message.error('下载文件出现错误，请联系管理员！')
-//     // downloadLoadingInstance.close();
-//   })
-// }
+export async function downFile(url, params, config) {
+  downloadLoadingInstance = Loading.service({ text: '正在下载数据，请稍候', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' })
+  return service
+    .get(url, {
+      params,
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      responseType: 'blob',
+      ...config,
+    })
+    .then(async (resp) => {
+      const { data } = resp
 
-export default service
+      const isLogin = await blobValidate(data)
+      if (isLogin) {
+        var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
+        var contentDisposition = decodeURI(resp.headers['content-disposition'])
+        var result = patt.exec(contentDisposition)
+        var fileName = result[1]
+        fileName = fileName.replace(/\"/g, '')
+
+        const blob = new Blob([data])
+        saveAs(blob, fileName)
+      } else {
+        const resText = await data.text()
+        const rspObj = JSON.parse(resText)
+        const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+        Message.error(errMsg)
+      }
+      downloadLoadingInstance.close()
+    })
+    .catch((r) => {
+      console.error(r)
+      Message.error('下载文件出现错误，请联系管理员！')
+      downloadLoadingInstance.close()
+    })
+}
+
+export default service