axios cancel

axios-annuler

Simplifiez l'annulation des requêtes http lors de l'utilisation de la superbe bibliothèque axios

Installation

Utilisation de npm :

npm install axios-cancel --save

Commencer

axios-cancel simplifie l'interface de l'API Cancel introduite dans axios v1.5, qui est basée sur la proposition de promesses annulables

 import axios from 'axios' ;
import axiosCancel from 'axios-cancel' ;

axiosCancel ( axios , {
  debug : false // default
} ) ;

...

// Single request cancellation
const requestId = 'my_sample_request' ;
const promise = axios . get ( url , {
  requestId : requestId
} )
  . then ( ( res ) => {
    console . log ( 'resolved' ) ;
  } ) . catch ( ( thrown ) => {
    if ( axios . isCancel ( thrown ) ) {
      console . log ( 'request cancelled' ) ;
    } else {
      console . log ( 'some other reason' ) ;
    }
  } ) ;

axios . cancel ( requestId ) ;
// aborts the HTTP request and logs `request cancelled` 

Exemples

Plusieurs requêtes ultérieures avec le même requestId

...

const requestId = 'my_sample_request' ;
const promise1 = axios . get ( url , {
  requestId : requestId
} )
  . then ( ( res ) => {
    console . log ( 'resolved promise 1' ) ;
  } ) . catch ( ( thrown ) => {
    if ( axios . isCancel ( thrown ) ) {
      console . log ( 'request 1 cancelled' ) ;
    } else {
      console . log ( 'some other reason' ) ;
    }
  } ) ;

// another request with same `requestId`, before `promise1` resolution
const promise2 = axios . get ( url , {
  requestId : requestId
} )
  . then ( ( res ) => {
    console . log ( 'resolved promise 2' ) ;
  } ) . catch ( ( thrown ) => {
    if ( axios . isCancel ( thrown ) ) {
      console . log ( 'request 2 cancelled' ) ;
    } else {
      console . log ( 'some other reason' ) ;
    }
  } ) ;

// aborts the first HTTP request, and cancels the first promise 
// logs `request 1 cancelled`
// logs `resolved promise 2`

Plusieurs requêtes avec requestId différent, tout annuler

...

const requestId1 = 'my_sample_request_1' ;
const promise1 = axios . get ( url , {
  requestId : requestId1
} )
  . then ( ( res ) => {
    console . log ( 'resolved promise 1' ) ;
  } ) . catch ( ( thrown ) => {
    if ( axios . isCancel ( thrown ) ) {
      console . log ( 'request 1 cancelled' ) ;
    } else {
      console . log ( 'some other reason' ) ;
    }
  } ) ;

const requestId2 = 'my_sample_request_2' ;
const promise2 = axios . get ( url , {
  requestId : requestId2
} )
  . then ( ( res ) => {
    console . log ( 'resolved promise 1' ) ;
  } ) . catch ( ( thrown ) => {
    if ( axios . isCancel ( thrown ) ) {
      console . log ( 'request 2 cancelled' ) ;
    } else {
      console . log ( 'some other reason' ) ;
    }
  } ) ;

axios . cancelAll ( ) ;

// aborts all HTTP request, and cancels all promises
// logs `request 1 cancelled`
// logs `request 2 cancelled` 

Méthodes

axiosCancel(instance : axios[, options])

choix

• débogage (active la journalisation)

axios.cancel (requestId : string[, motif : string])

axios.cancelAll([raison : chaîne])

Licence

MIT