How do I handle errors in Axios and Fetch?

How do I handle errors in Axios and Fetch?

In Axios, you can use a try-catch block to handle errors. For Fetch, you can check the response status.

Can you show me an example of error handling in Axios?

Sure! Here's a simple example:

try {
  const response = await axios.get('/api/data');
  console.log(response.data);
} catch (error) {
  console.error('Error fetching data:', error);
}

What about Fetch? How would that look?

For Fetch, you can do something like this:

fetch('/api/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('Error fetching data:', error));

Thanks! Are there any common mistakes to avoid?

Yes, a common mistake is not checking the response status in Fetch. Always ensure to handle non-200 responses.