作者 RuoYi

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

@@ -4,6 +4,7 @@ import store from '@/store' @@ -4,6 +4,7 @@ import store from '@/store'
4 import { getToken } from '@/utils/auth' 4 import { getToken } from '@/utils/auth'
5 import errorCode from '@/utils/errorCode' 5 import errorCode from '@/utils/errorCode'
6 import { tansParams, blobValidate } from "@/utils/ruoyi"; 6 import { tansParams, blobValidate } from "@/utils/ruoyi";
  7 +import cache from '@/plugins/cache'
7 import { saveAs } from 'file-saver' 8 import { saveAs } from 'file-saver'
8 9
9 let downloadLoadingInstance; 10 let downloadLoadingInstance;
@@ -23,6 +24,8 @@ const service = axios.create({ @@ -23,6 +24,8 @@ const service = axios.create({
23 service.interceptors.request.use(config => { 24 service.interceptors.request.use(config => {
24 // 是否需要设置 token 25 // 是否需要设置 token
25 const isToken = (config.headers || {}).isToken === false 26 const isToken = (config.headers || {}).isToken === false
  27 + // 是否需要防止数据重复提交
  28 + const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
26 if (getToken() && !isToken) { 29 if (getToken() && !isToken) {
27 config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 30 config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
28 } 31 }
@@ -33,6 +36,29 @@ service.interceptors.request.use(config => { @@ -33,6 +36,29 @@ service.interceptors.request.use(config => {
33 config.params = {}; 36 config.params = {};
34 config.url = url; 37 config.url = url;
35 } 38 }
  39 + if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
  40 + const requestObj = {
  41 + url: config.url,
  42 + data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
  43 + time: new Date().getTime()
  44 + }
  45 + const sessionObj = cache.session.getJSON('sessionObj')
  46 + if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
  47 + cache.session.setJSON('sessionObj', requestObj)
  48 + } else {
  49 + const s_url = sessionObj.url; // 请求地址
  50 + const s_data = sessionObj.data; // 请求数据
  51 + const s_time = sessionObj.time; // 请求时间
  52 + const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交
  53 + if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
  54 + const message = '数据正在处理,请勿重复提交';
  55 + console.warn(`[${s_url}]: ` + message)
  56 + return Promise.reject(new Error(message))
  57 + } else {
  58 + cache.session.setJSON('sessionObj', requestObj)
  59 + }
  60 + }
  61 + }
36 return config 62 return config
37 }, error => { 63 }, error => {
38 console.log(error) 64 console.log(error)