How can I handle errors in Axios with Next.js?

How can I handle errors in Axios with Next.js?

You can handle errors in Axios by using try-catch blocks or Axios interceptors. Would you like to see an example?

Yes, please provide an example using try-catch.

Sure! Here's a simple example:

import axios from 'axios';

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

This will log an error message if the request fails.

What about using Axios interceptors for error handling?

Axios interceptors allow you to handle errors globally. Here's how you can set it up:

axios.interceptors.response.use(
  response => response,
  error => {
    console.error('Global error handler:', error);
    return Promise.reject(error);
  }
);

This will catch all errors in one place.