How can I use Axios Cancel Token to cancel requests?

How can I use Axios Cancel Token to cancel requests?

You can use Axios Cancel Token to cancel requests by creating a cancel token and passing it to your request.

Can you show me a code example?

Sure! Here's a simple example:

const axios = require('axios');
const CancelToken = axios.CancelToken;
let cancel;

axios.get('/some/endpoint', {
  cancelToken: new CancelToken(function executor(c) {
    cancel = c;
  })
}).then(function (response) {
  console.log(response.data);
}).catch(function (thrown) {
  if (axios.isCancel(thrown)) {
    console.log('Request canceled', thrown.message);
  } else {
    // handle error
  }
});

// To cancel the request:
cancel('Operation canceled by the user.');

What happens if I don't cancel a request?

If you don't cancel a request, it will continue to execute until it completes or fails, potentially wasting resources.

Are there any limitations to using Cancel Token?

Yes, Cancel Token is deprecated in Axios v0.22.0 and later. It's recommended to use AbortController instead.