From 2e1bd34d58f1572b7f205125bd9b184d1d8fd06d Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期一, 21 八月 2023 11:57:30 +0800 Subject: [PATCH] 防重复提交数据大小限制(I7KZDA) --- src/utils/request.js | 93 +++++++++++++++++++++++++++------------------- 1 files changed, 55 insertions(+), 38 deletions(-) diff --git a/src/utils/request.js b/src/utils/request.js index e6b6f0e..ce6382b 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -1,14 +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瀹炰緥 @@ -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 璇锋牴鎹疄闄呮儏鍐佃嚜琛屼慨鏀� } @@ -32,6 +35,35 @@ url = url.slice(0, -1); 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 requestSize = Object.keys(JSON.stringify(requestObj)).length; // 璇锋眰鏁版嵁澶у皬 + const limitSize = 5 * 1024 * 1024; // 闄愬埗瀛樻斁鏁版嵁5M + if (requestSize >= limitSize) { + console.warn(`[${config.url}]: ` + '璇锋眰鏁版嵁澶у皬瓒呭嚭鍏佽鐨�5M闄愬埗锛屾棤娉曡繘琛岄槻閲嶅鎻愪氦楠岃瘉銆�') + return config; + } + 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 = '鏁版嵁姝e湪澶勭悊锛岃鍕块噸澶嶆彁浜�'; + console.warn(`[${s_url}]: ` + message) + return Promise.reject(new Error(message)) + } else { + cache.session.setJSON('sessionObj', requestObj) + } + } } return config }, error => { @@ -46,40 +78,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) @@ -90,32 +112,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: "姝e湪涓嬭浇鏁版嵁锛岃绋嶅��", 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 { -- Gitblit v1.9.3