vue處理重復請求

處理方法記錄第一次的請求時間-后面的請求時間,判斷間隔時間提示請求重復

// 登錄方法 定義repeatSubmit屬性控制是否重復請求
export function login(username, password, code, uuid) {const data = {username,password,code,uuid}return request({url: '/login',headers: {isToken: false,repeatSubmit: false},method: 'post',data: data})
}

request.js

  // 是否需要防止數據重復提交const isRepeatSubmit = (config.headers || {}).repeatSubmit === falseif (!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; // 限制存放數據5Mif (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),小于此時間視為重復提交console.log(requestObj.time - s_time < interval,"requestObj.time - s_time < interval");if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {const message = '數據正在處理,請勿重復提交';console.warn(`[${s_url}]: ` + message)console.log('數據正在處理,請勿重復提交')return Promise.reject(new Error(message))} else {cache.session.setJSON('sessionObj', requestObj)}}}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/40908.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/40908.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/40908.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

前端css性能優化

前端css性能優化 1. 減少樣式表數量和壓縮文件大小&#xff1a; 通過合并多個樣式表、刪除未使用的樣式、壓縮樣式表等方式來減少樣式表數量和大小&#xff0c;從而減少網絡請求和提高加載速度。 通常來說&#xff0c;樣式文件會被瀏覽器緩存&#xff0c;進入到其他頁面樣式文件…

在 C++中,如何實現高效的多線程并發編程以處理大規模數據計算,同時避免常見的競態條件和死鎖問題?

在 C 中&#xff0c;可以使用以下幾種方法來實現高效的多線程并發編程以處理大規模數據計算&#xff0c;并避免常見的競態條件和死鎖問題&#xff1a; 使用互斥鎖&#xff1a;使用 std::mutex 類型的互斥鎖來保護共享數據的訪問。在訪問共享數據之前&#xff0c;線程先要獲取互…

二叉樹 Leetcode 101 對稱二叉樹

二叉樹 Leetcode 101 對稱二叉樹 Leetcode 101 要點&#xff1a;1.比較的是左右子樹是否相同&#xff0c;不是節點的左右孩子&#xff1b; 2.左子樹左右中遍歷&#xff0c;右子樹右左中遍歷&#xff1b; 3.靈活遞歸。 /*** Definition for a binary tree node.* struct Tree…

【實驗室精選】PFA反應瓶帶鼓泡球 高效氣體鼓泡 化學分析優選

PFA反應瓶帶鼓泡球是一種特殊設計的實驗室容器&#xff0c;它集成了鼓泡球和PFA&#xff08;全氟烷氧基&#xff09;材料的反應瓶&#xff0c;用于氣體的鼓泡和液體的混合。以下是它的一些特點和用途&#xff1a; 特點&#xff1a; 鼓泡球設計&#xff1a;鼓泡球周圍布滿小孔&…

安裝realsenseSDK2.0

1、創造工作空間并進入 mkdir ros_ws cd ros_ws/ 2、克隆librealsense git clone https://github.com/IntelRealSense/librealsense cd librealsense 3、安裝依賴項 sudo apt-get install libssl-dev sudo apt-get install libusb-1.0-0-dev sudo apt-get install libudev…

界面材料知識

界面材料是用于填充芯片和散熱器之間的空隙&#xff0c;將低導熱系數的空氣擠出&#xff0c;換成較高導熱系數的材料&#xff0c;以提高芯片散熱能力。參考下圖 圖片來源網上 熱阻是衡量界面材料性能最終的參數&#xff0c;其中與熱阻有關的有&#xff1a; 1、導熱系數&#x…

從零開始學習SLAM(三)

旋轉向量 #include <Eigen/Geometry> #include <Eigen/Core>AngleAxisd 類有幾種構造函數&#xff0c;其中最常用的是&#xff1a; Eigen::AngleAxisd(const Scalar& angle, const Axis& axis);angle 是旋轉的角度&#xff0c;通常以弧度表示。axis 是旋…

element-ui el-select選擇器組件下拉框增加自定義按鈕

element-ui el-select選擇器組件下拉框增加自定義按鈕 先看效果 原理&#xff1a;在el-select下添加禁用的el-option&#xff0c;將其value綁定為undefined&#xff0c;然后覆蓋el-option禁用狀態下的默認樣式即可 示例代碼如下&#xff1a; <template><div class…

【 VIPKID-注冊安全分析報告】

前言 由于網站注冊入口容易被黑客攻擊&#xff0c;存在如下安全問題&#xff1a; 暴力破解密碼&#xff0c;造成用戶信息泄露短信盜刷的安全問題&#xff0c;影響業務及導致用戶投訴帶來經濟損失&#xff0c;尤其是后付費客戶&#xff0c;風險巨大&#xff0c;造成虧損無底洞 …

黑馬點評項目難點-動態代理,sychronized,@Transactional失效的情況

文章目錄 難點1&#xff1a;synchronizesynchronized 的底層實現鎖的具體操作舉例說明結論 難點2&#xff1a;動態代理和Transactional失效問題Transactional 工作原理關鍵點示例分析正確的使用方式結論建議 難點所在代碼塊 Overridepublic Result seckillVoucher(Long voucher…

AI胡言亂語

復合矢量場在多維時空折疊過程中生成了高維拓撲映射&#xff0c;使得納米級別的存儲單元能夠在低能耗狀態下實現高效數據交換。基于相位調制的光子流動控制確保了全息影像的即時重構&#xff0c;同時動態適應不同頻段的干擾信號&#xff0c;達到最佳信噪比。 異相態轉化算法在…

基于Istio的多網關運行時:配置、部署和應用

1. 引言 Istio是一個開源的服務網格&#xff0c;主要應用于簡化微服務架構中的服務間通信、提供強大的監控能力以及加強服務的安全管理。通過利用Sidecar模式部署的Envoy代理&#xff0c;Istio能夠在幾乎無需修改服務代碼的情況下&#xff0c;實現服務發現、負載均衡、加密通信…

【LinuxC語言】管理者線程函數

文章目錄 前言工作者工作流程函數實現實現原理函數代碼概況總結前言 在并發編程中,管理者線程函數是一個重要的組成部分,它負責管理和調度工作線程。在Linux C語言環境下,我們可以使用POSIX線程庫(pthread)來創建和控制管理者線程。管理者線程通常負責添加任務到任務隊列…

WRF學習——使用CMIP6數據驅動WRF/基于ncl與vdo的CMIP6數據處理

動力降尺度 國際耦合模式比較計劃&#xff08;CMIP&#xff09;為研究不同情景下的氣候變化提供了大量的模擬數據&#xff0c;而在實際研究中&#xff0c;全球氣候模式輸出的數據空間分辨率往往較低&#xff08;>100Km&#xff0c;缺乏區域氣候特征&#xff0c;為了更好地研…

有哪些在本地運行大模型的方法

前言 在本文中&#xff0c;我們將看到在本地運行任何 LLM 的不同方法 1/ LMStudio LM Studio 是一款桌面應用程序&#xff0c;用于在計算機上運行本地 LLM。鏈接&#xff1a;https://lmstudio.ai/ 2/ Ollama Ollama 是一款工具&#xff0c;可讓您在機器上本地運行開源大型語…

vue項目靜態圖片下載

正常情況下只需要傳入圖片路徑就可以進行下載 methods: {downs(path, name) {//必須同源才能下載var alink document.createElement("a");alink.href path;alink.download name; //圖片名alink.click();},}, 但是當我們downs方法中直接傳入"/assets/load/xx…

二、分布式軟總線是如何高效的傳輸數據和任務的

分布式軟總線在HarmonyOS中高效傳輸數據和任務主要依靠以下幾個關鍵技術點和設計原則: 設備快速發現與連接: 利用多種通信技術(如Wi-Fi、藍牙、有線連接等),結合廣播、多播及服務發現協議,實現設備間的快速發現與穩定連接。這包括設備的唯一標識管理、網絡條件自適應選擇…

【pytorch14】感知機

單層感知機模型 對于單層的感知機&#xff0c;它的激活函數是一個sigmoid 對于符號的定義做一個規范化&#xff0c;輸入層每一層進行一個編號 輸入是第0層&#xff0c;上標0表示屬于輸入層&#xff0c;下標0到n表示一共有n個節點(這里嚴格來說應該是0~n-1&#xff0c;為了書寫…

一站式廣告監測新體驗,Xinstall助你廣告投放更精準

在這個移動互聯網飛速發展的時代&#xff0c;App推廣與運營成為了每個開發者與廣告主關注的焦點。然而&#xff0c;面對琳瑯滿目的廣告平臺和復雜的投放環境&#xff0c;如何精準評估廣告效果、優化投放策略&#xff0c;成為了擺在面前的一道難題。今天&#xff0c;我們就來聊聊…

Jemeter--關聯接口壓測

Jemeter–獨立不變參接口壓測 Jemeter–獨立變參接口壓測 Jemeter–關聯接口壓測 案例分析 比如&#xff1a;有個波次復核接口很慢&#xff0c;優化后需要壓測。但是波次復核接口數據是由另外兩個接口&#xff08;配單詳情、內盒信息&#xff09;的數據組合而來&#xff0c;而…