日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
怎么解決Vue中多個相同組件重復(fù)請求的問題?

現(xiàn)在因?yàn)橛袀€上傳組件他用到了這個mixin文件,這個mixin文件中mounted請求了接口,這樣一個頁面中如果有多個上傳組件的話,那么就會導(dǎo)致一上來就會一次性請求多個重復(fù)的接口,有什么好點(diǎn)的方法嗎,如果不放在vuex中的話。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比龍游網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式龍游網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋龍游地區(qū)。費(fèi)用合理售后完善,十載實(shí)體公司更值得信賴。

解決方法:

這種情況下的 getSignature 最好是 Singleton 的,可以寫個模塊導(dǎo)出。mixin 里的 getSignatrue 都直接引用或調(diào)用這個 Singleton 的 getSignature。

因?yàn)榇蠹叶颊{(diào)同一個 Signature,那么可以在這里做一些判斷和處理,基本思路就是,

  • 有緩存拿緩存
  • 沒緩存判斷如果是第 1 個請求的,就去請求遠(yuǎn)端
  • 如果不是第 1 個請求的,就等
let cache = null;
let count = 0;

async function delay(ms = 200) {
return new Promise(resolve => setTimeout(resolve, ms));
}

export async function getSignature() {
if (cache) { return cache; }

if (count++) {
// 如果有計(jì)數(shù)說明自己不是第 1 個,就等。注意這里判斷的是加之前的 count
// 循環(huán)里最好再加個超時判斷
while (!cache) { await delay(); }
} else {
// 是第 1 個就去請求
// 如果這里有可能會拋異常,拋異常也不要漏了 count--
// (這個示例代碼沒做容錯,自己加)
cache = await fetchSignature();
}

count--; // 記得減回去,方便以后如果要刷新 cache 的時候用
return cache;
}


網(wǎng)站欄目:怎么解決Vue中多個相同組件重復(fù)請求的問題?
文章URL:http://www.dlmjj.cn/article/cccscps.html