修复登录失效后多次请求提示多次弹窗问题

RuoYi

2021-12-31 a3f8d036116d7af21c03698011ca8fd89973eb3a

 ruoyi-ui/src/utils/request.js

@@ -1,9 +1,14 @@
import axios from 'axios'

import { Notification, MessageBox, Message } from 'element-ui'

import { Notification, MessageBox, Message, Loading } from 'element-ui'

import store from '@/store'

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

import errorCode from '@/utils/errorCode'

import { tansParams } from "@/utils/ruoyi";

import { tansParams, blobValidate } from "@/utils/ruoyi";

import { saveAs } from 'file-saver'



let downloadLoadingInstance;

// 是否显示重新登录

let isReloginShow;



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

// 创建axios实例

@@ -19,7 +24,14 @@
  // 是否需要设置 token

  const isToken = (config.headers || {}).isToken === false

  if (getToken() && !isToken) {

    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际

    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改

  }

  // get请求映射params参数

  if (config.method === 'get' && config.params) {

    let url = config.url + '?' + tansParams(config.params);

    url = url.slice(0, -1);

    config.params = {};

    config.url = url;

  }

  return config

}, error => {

@@ -33,20 +45,31 @@
    const code = res.data.code || 200;

    // 获取错误信息

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

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

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

      return res.data

    }

    if (code === 401) {

      MessageBox.confirm(

        '登录状态已过期，您可以继续留在该页面，或者重新登录',

        '系统提示',

        {

      if (!isReloginShow) {

        isReloginShow = true;

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

          confirmButtonText: '重新登录',

          cancelButtonText: '取消',

          type: 'warning'

        }

      ).then(() => {

        isReloginShow = false;

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

          location.reload() // 为了重新实例化vue-router对象 避免bug

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

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

            location.href = '/index';

          }

        })

      })

      }).catch(() => {

        isReloginShow = false;

      });

    }

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

    } else if (code === 500) {

      Message({

        message: msg,

@@ -85,31 +108,27 @@


// 通用下载方法

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'

    },

    transformRequest: [(params) => { return tansParams(params) }],

    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },

    responseType: 'blob'

  }).then((data) => {

    const content = data

    const blob = new Blob([content])

    if ('download' in document.createElement('a')) {

      const elink = document.createElement('a')

      elink.download = filename

      elink.style.display = 'none'

      elink.href = URL.createObjectURL(blob)

      document.body.appendChild(elink)

      elink.click()

      URL.revokeObjectURL(elink.href)

      document.body.removeChild(elink)

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

    const isLogin = await blobValidate(data);

    if (isLogin) {

      const blob = new Blob([data])

      saveAs(blob, filename)

    } else {

      navigator.msSaveBlob(blob, filename)

      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();

  })

}