ios ajax abort,reactjs - how to cancel/abort ajax request in axios - Stack Overflow

Using cp-axios wrapper you able to abort your requests with three diffent types of the cancellation API:

1. Promise cancallation API (CPromise):

const cpAxios= require('cp-axios');

const url= 'https://run.mocky.io/v3/753aa609-65ae-4109-8f83-9cfe365290f0?mocky-delay=5s';

const chain = cpAxios(url)

.timeout(5000)

.then(response=> {

console.log(`Done: ${JSON.stringify(response.data)}`)

}, err => {

console.warn(`Request failed: ${err}`)

});

setTimeout(() => {

chain.cancel();

}, 500);

2. Using AbortController signal API:

const cpAxios= require('cp-axios');

const CPromise= require('c-promise2');

const url= 'https://run.mocky.io/v3/753aa609-65ae-4109-8f83-9cfe365290f0?mocky-delay=5s';

const abortController = new CPromise.AbortController();

const {signal} = abortController;

const chain = cpAxios(url, {signal})

.timeout(5000)

.then(response=> {

console.log(`Done: ${JSON.stringify(response.data)}`)

}, err => {

console.warn(`Request failed: ${err}`)

});

setTimeout(() => {

abortController.abort();

}, 500);

3. Using a plain axios cancelToken:

const cpAxios= require('cp-axios');

const url= 'https://run.mocky.io/v3/753aa609-65ae-4109-8f83-9cfe365290f0?mocky-delay=5s';

const source = cpAxios.CancelToken.source();

cpAxios(url, {cancelToken: source.token})

.timeout(5000)

.then(response=> {

console.log(`Done: ${JSON.stringify(response.data)}`)

}, err => {

console.warn(`Request failed: ${err}`)

});

setTimeout(() => {

source.cancel();

}, 500);