How do I set up logging for Axios in my application?

How do I set up logging for Axios in my application?

To set up logging for Axios, you can create an Axios instance and use interceptors to log requests and responses.

Can you show me a code example for that?

Sure! Here's a simple example:

import axios from 'axios';

const axiosInstance = axios.create();

axiosInstance.interceptors.request.use(request => {
    console.log('Starting Request', request);
    return request;
});

axiosInstance.interceptors.response.use(response => {
    console.log('Response:', response);
    return response;
});

export default axiosInstance;

What if I want to log errors as well?

You can add an error interceptor like this:

axiosInstance.interceptors.response.use(
    response => response,
    error => {
        console.error('Error Response:', error);
        return Promise.reject(error);
    }
);

Is there a way to customize the logging format?

Yes, you can customize the logging format by modifying the log statements in the interceptors to include any additional information you need.