前言

創(chuàng)新互聯(lián)建站專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、彝良網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為彝良等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

在開發(fā)中，經(jīng)常會(huì)遇到接口重復(fù)請求導(dǎo)致的各種問題。

對于重復(fù)的get請求，會(huì)導(dǎo)致頁面更新多次，發(fā)生頁面抖動(dòng)的現(xiàn)象，影響用戶體驗(yàn)。

對于重復(fù)的post請求，會(huì)導(dǎo)致在服務(wù)端生成兩次記錄（例如生成兩條訂單記錄）。

如果當(dāng)前頁面請求還未響應(yīng)完成，就切換到了下一個(gè)路由，那么這些請求直到響應(yīng)返回才會(huì)中止。

無論從用戶體驗(yàn)或者從業(yè)務(wù)嚴(yán)謹(jǐn)方面來說，取消無用的請求確實(shí)是需要避免的。

當(dāng)然我們可以通過頁面loading來避免用戶進(jìn)行下一次的操作，但本文只討論單純的如何取消這些無用的請求。

axios 的 cancelToken

axios是一個(gè)主流的http請求庫，它提供了兩種取消請求的方式。

通過axios.CancelToken.source生成取消令牌token和取消方法cancel

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('/user/12345', {
 cancelToken: source.token
}).catch(function(thrown) {
 if (axios.isCancel(thrown)) {
 console.log('Request canceled', thrown.message);
 } else {
 // handle error
 }
});

axios.post('/user/12345', {
 name: 'new name'
}, {
 cancelToken: source.token
})

// cancel the request (the message parameter is optional)
source.cancel('Operation canceled by the user.');

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：axios如何取消重復(fù)無用的請求詳解-創(chuàng)新互聯(lián)
標(biāo)題來源：http://www.yijiale78.com/article22/ccdgjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、定制開發(fā)、小程序開發(fā)、營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)