Axios Finally - Javascript

Axios Finally is a feature provided by the Axios library that allows the user to run a block of code after a request has completed, regardless of whether or not it was successful.

Why Use Axios Finally?

Often in web development, it is necessary to perform actions after a request has completed, such as resetting form fields or showing a loading spinner. Axios Finally provides an easy and consistent way to do this, without needing to duplicate code or write complicated logic.

How to Use Axios Finally

Axios Finally can be used by chaining a .finally() method to an axios request. The .finally() method takes a callback function as an argument, which will be executed after the request completes.

axios.get('/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  })
  .finally(() => {
    console.log('Request completed!');
  });

In the above example, the code in the .finally() callback will be executed regardless of whether the request was successful or not.

Handling Errors with Axios Finally

Axios Finally is especially useful for handling errors, as it ensures that the error-handling code is executed regardless of whether the request was successful or not.

axios.get('/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  })
  .finally(() => {
    console.log('Request completed!');
    if (error) {
      console.error('An error occurred:', error);
    }
  });

In the above example, the .finally() callback checks for the presence of an error object, and if one is found, logs a message to the console.

Conclusion

Axios Finally is a valuable feature provided by the Axios library that allows for easy and consistent execution of code after a request has completed, regardless of its success. It is especially useful for handling errors, and can be easily integrated into any axios request using the .finally() method.