JAVASCRIPT

cancel axios request

const cancelTokenSource = axios.CancelToken.source();

axios.get('/user/12345', {
  cancelToken: cancelTokenSource.token
});

// Cancel request
cancelTokenSource.cancel();

axios cancel request

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

const controller = new AbortController();

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

axios delete request payload

//instead of
axios.put(url, { foo: "bar" });

//wrap the data in the data propery of a new object
axios.delete(url, { data: { foo: "bar" } });

axios delete request

import axios from "axios";
/// DELETE REQUEST

handleDeleteById(id).then((res) => {
      alert("deleted")
});

function handleDeleteById(id) {
  // console.log(data);
  // {name: "mysore", population: 11111, country: "India"}
  return axios({
    baseURL: "baseURL",
    url: `/${id}`,
    method: "DELETE"
  });
}

axios delete request

axios.delete(url, { data: { foo: "bar" }, headers: { "Authorization": "***" } });

axios delete

//Delete contacts
 const deleteContctOf = (person) => {
console.log(person)
  console.log('delete contact ' + person.id + ' ????')

  if (window.confirm("Do you really want to delete this person")) {
  
  contactService
 
  .remove(person.id)
  .setPersons(persons.map(person => person.id !=== id))
  this solved the question
  
 
} else {
  return
}

  

}

axios cancel request

import axios from 'axios'

const query = useQuery(['todos'], ({ signal }) =>
  axios.get('/todos', {
    // Pass the signal to `axios`
    signal,
  })
)