前端支持设置是否需要防止数据重复提交

RuoYi

2022-01-02 6075a9d7c1963eed22b60435f77723e70501c8da

前端支持设置是否需要防止数据重复提交

 src/utils/request.js

@@ -4,6 +4,7 @@
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'



let downloadLoadingInstance;

@@ -23,6 +24,8 @@
service.interceptors.request.use(config => {

  // 是否需要设置 token

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

  // 是否需要防止数据重复提交

  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false

  if (getToken() && !isToken) {

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

  }

@@ -33,6 +36,29 @@
    config.params = {};

    config.url = url;

  }

  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {

    const requestObj = {

      url: config.url,

      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,

      time: new Date().getTime()

    }

    const sessionObj = cache.session.getJSON('sessionObj')

    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {

      cache.session.setJSON('sessionObj', requestObj)

    } else {

      const s_url = sessionObj.url;                // 请求地址

      const s_data = sessionObj.data;              // 请求数据

      const s_time = sessionObj.time;              // 请求时间

      const interval = 1000;                       // 间隔时间(ms)，小于此时间视为重复提交

      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {

        const message = '数据正在处理，请勿重复提交';

        console.warn(`[${s_url}]: ` + message)

        return Promise.reject(new Error(message))

      } else {

        cache.session.setJSON('sessionObj', requestObj)

      }

    }

  }

  return config

}, error => {

    console.log(error)