vue 中多個(gè)并發(fā)請(qǐng)求當(dāng)一個(gè)請(qǐng)求檢測(cè)到需要登錄時(shí)，取消其它請(qǐng)求并在登錄完成后重新發(fā)起

這個(gè)項(xiàng)目是在微信中基于微信的靜默登錄，也就是不需要多余用戶登錄填寫，只需要跳轉(zhuǎn)重新加載一遍頁面就完成登錄了，之前是用攔截器做的檢測(cè)到未登錄的代碼就直接跳轉(zhuǎn)實(shí)現(xiàn)自動(dòng)登錄再返回原來頁面，但是同一個(gè)頁面該發(fā)起的請(qǐng)求還是同時(shí)發(fā)起了。

現(xiàn)在我想實(shí)現(xiàn)的是

//同時(shí)發(fā)起5個(gè)請(qǐng)求
axios1()//假如第一個(gè)請(qǐng)求拿到數(shù)據(jù)檢測(cè)到未登錄的話就取消掉后邊的幾個(gè)請(qǐng)求
axios2()
axios3()
axios4()
axios5()

有什么比較好的思路或者實(shí)現(xiàn)方式么？

回答

編輯回答

青裙

http是無狀態(tài)請(qǐng)求，請(qǐng)求無法被取消。非要用異步實(shí)現(xiàn)的這個(gè)功能是不可能的，但是你可以取消回調(diào)函數(shù)的執(zhí)行。

2018年4月15日 14:10

編輯回答

裸橙

你可以使用axios.all(),雖然不會(huì)取消其他請(qǐng)求，但是只要有一個(gè)借口異常，所有接口就不會(huì)走正常的回調(diào)函數(shù)，這樣也不會(huì)影響業(yè)務(wù)操作

2018年9月5日 16:46

編輯回答

柒喵

你可以參考我這篇筆記，思路是一樣的，將所有的請(qǐng)求放到一個(gè)數(shù)組里，然后有一個(gè)請(qǐng)求去請(qǐng)求登陸的，待其請(qǐng)求完成后再發(fā)起數(shù)組里其他的請(qǐng)求
http://segmentfault.com/n/133...

2017年12月30日 00:43

編輯回答

選擇

你可以在axios請(qǐng)求的時(shí)候做攔截

2017年11月22日 14:51

編輯回答

凝雅

你可以等到一個(gè)請(qǐng)求完之后在決定是否要發(fā)起后續(xù)的請(qǐng)求

2018年9月22日 00:27

編輯回答

艷骨

如果是后端渲染的話。直接可以判斷是否登錄了吧。
把a(bǔ)jax放到一個(gè)只執(zhí)行一次的user_login的事件監(jiān)聽里。
頁面未登錄登錄一下觸發(fā)user_login事件
頁面登錄的話直接觸發(fā)事件

2017年6月14日 10:30

編輯回答

櫻花霓

這樣行嗎？

axios1().then(res=>{
        if(!res.login){
        //go login
        }else{
        axios2()
        axios3()
        axios4()
        axios5()
        }
})

2017年2月4日 16:27

編輯回答