how to cancel/abort ajax request in axios

by

Axios does not support canceling requests at the moment. Please see this issue for details.

UPDATE: Cancellation support was added in axios v0.15.

EDIT: The axios cancel token API is based on the withdrawn cancelable promises proposal.

UPDATE 2022: Starting from v0.22.0 Axios supports AbortController to cancel requests in fetch API way:

Example:

const controller = new AbortController();

axios.get('/foo/bar', {
   signal: controller.signal
}).then(function(response) {
   //...
});
// cancel the request
controller.abort()

More Related Contents:

  1. axios post request to send form data
  2. How can I persist redux state tree on refresh?
  3. Why use Redux over Facebook Flux? [closed]
  4. Attach Authorization header for all axios requests
  5. Axios having CORS issue
  6. Handling async request with React, Redux and Axios?
  7. Sending the bearer token with axios
  8. Should flux stores, or actions (or both) touch external services?
  9. Axios get in url works but with second parameter as object it doesn’t
  10. How to submit a form using Enter key in react.js?
  11. Axios: chaining multiple API requests
  12. Pass object through Link in react router
  13. How to download fetch response in react as file
  14. Automatic redirect after login with react-router
  15. React and TypeScript—which types for an Axios response?
  16. react native post form data with object and file in it using axios
  17. Why calling react setState method doesn’t mutate the state immediately?
  18. Axios get access to response header fields
  19. React Router v4 – How to get current route?
  20. React: Expected an assignment or function call and instead saw an expression
  21. How to use switch statement inside a React component?
  22. Call a React component method from outside
  23. How to get the width of a react element
  24. How to resolve the error on ‘react-native start’
  25. ReactJS lifecycle method inside a function Component
  26. Element type is invalid: expected a string (for built-in components) or a class/function
  27. When specified, “proxy” in package.json must be a string
  28. Lazy initial state – What it is and how to use it?
  29. React this.state is undefined?
  30. How to add custom Material UI palette colors

Leave a Comment