优化文件下载出现的异常(I6DLNU)

RuoYi

2023-02-28 612164abde3a9cda59a89e174866807938d4ff7d

 src/utils/request.js

@@ -1,15 +1,15 @@
import axios from 'axios'

import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'

import store from '@/store'

import { getToken } from '@/utils/auth'

import errorCode from '@/utils/errorCode'

import { tansParams, blobValidate } from '@/utils/ruoyi'

import cache from '@/plugins/cache'

import { saveAs } from 'file-saver'

import useUserStore from '@/store/modules/user'



let downloadLoadingInstance;

// 是否显示重新登录

let isReloginShow;

export let isRelogin = { show: false };



axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'

// 创建axios实例

@@ -72,40 +72,30 @@
    // 获取错误信息

    const msg = errorCode[code] || res.data.msg || errorCode['default']

    // 二进制数据则直接返回

    if(res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer'){

    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {

      return res.data

    }

    if (code === 401) {

      if (!isReloginShow) {

        isReloginShow = true;

        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {

          confirmButtonText: '重新登录',

          cancelButtonText: '取消',

          type: 'warning'

        }

      ).then(() => {

        isReloginShow = false;

        store.dispatch('LogOut').then(() => {

          // 如果是登录页面不需要重新加载

          if (window.location.hash.indexOf("#/login") != 0) {

      if (!isRelogin.show) {

        isRelogin.show = true;

        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {

          isRelogin.show = false;

          useUserStore().logOut().then(() => {

            location.href = '/index';

          }

        })

          })

      }).catch(() => {

        isReloginShow = false;

        isRelogin.show = false;

      });

    }

      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')

    } else if (code === 500) {

      ElMessage({

        message: msg,

        type: 'error'

      })

      ElMessage({ message: msg, type: 'error' })

      return Promise.reject(new Error(msg))

    } else if (code === 601) {

      ElMessage({ message: msg, type: 'warning' })

      return Promise.reject(new Error(msg))

    } else if (code !== 200) {

      ElNotification.error({

        title: msg

      })

      ElNotification.error({ title: msg })

      return Promise.reject('error')

    } else {

      return  Promise.resolve(res.data)

@@ -116,32 +106,27 @@
    let { message } = error;

    if (message == "Network Error") {

      message = "后端接口连接异常";

    }

    else if (message.includes("timeout")) {

    } else if (message.includes("timeout")) {

      message = "系统接口请求超时";

    }

    else if (message.includes("Request failed with status code")) {

    } else if (message.includes("Request failed with status code")) {

      message = "系统接口" + message.substr(message.length - 3) + "异常";

    }

    ElMessage({

      message: message,

      type: 'error',

      duration: 5 * 1000

    })

    ElMessage({ message: message, type: 'error', duration: 5 * 1000 })

    return Promise.reject(error)

  }

)



// 通用下载方法

export function download(url, params, filename) {

export function download(url, params, filename, config) {

  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", 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'

    responseType: 'blob',

    ...config

  }).then(async (data) => {

    const isLogin = await blobValidate(data);

    if (isLogin) {

    const isBlob = blobValidate(data);

    if (isBlob) {

      const blob = new Blob([data])

      saveAs(blob, filename)

    } else {