Network Request Timing with Axios Interceptors

import axios from 'axios';

// Create an Axios instance
const instance = axios.create();

// Add a request interceptor
instance.interceptors.request.use(config => {
    // Attach a timestamp indicating when the request was made
    config.metadata = { startTime: new Date() };
    return config;
}, error => {
    // Do something with request error
    return Promise.reject(error);
});

// Add a response interceptor
instance.interceptors.response.use(response => {
    // Compute and log the duration of the request
    const duration = new Date() - response.config.metadata.startTime;
    console.log(`Request to ${response.config.url} took ${duration}ms`);
    return response;
}, error => {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    return Promise.reject(error);
});

// Usage example
instance.get('/your-endpoint').then(response => {
    // Handle response
}).catch(error => {
    // Handle error
});