axios cancel Unduh - axios cancel Unduh kode sumber

axios cancel

Kategori lainnya

v0.2.2

Unduh

aksio-batal

Sederhanakan pembatalan permintaan http saat menggunakan perpustakaan aksio yang mengagumkan

Instalasi

Menggunakan npm:

npm install axios-cancel --save

Memulai

axios-cancel menyederhanakan antarmuka api Cancel yang diperkenalkan di axios v1.5, yang didasarkan pada proposal janji yang dapat dibatalkan

 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`

Contoh

Beberapa permintaan berikutnya dengan requestId yang sama

...

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`

Beberapa permintaan dengan requestId berbeda, batalkan semua

...

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`