如何监控一个接口的返回时间与是否出错？

import axios from 'axios';

const api = axios.create({
  baseURL: '/api',
  timeout: 10000,
});

// 请求拦截器 - 记录开始时间
api.interceptors.request.use((config) => {
  config.metadata = { startTime: Date.now() };
  return config;
});

// 响应拦截器 - 计算耗时并上报
api.interceptors.response.use(
  (response) => {
    const duration = Date.now() - response.config.metadata.startTime;
    
    reportApiMetrics({
      url: response.config.url,
      method: response.config.method,
      status: response.status,
      duration,
      success: true,
    });
    
    return response;
  },
  (error) => {
    const config = error.config;
    const duration = config ? Date.now() - config.metadata.startTime : 0;
    
    reportApiMetrics({
      url: config?.url,
      method: config?.method,
      status: error.response?.status || 0,
      duration,
      success: false,
      errorMessage: error.message,
    });
    
    return Promise.reject(error);
  }
);

function reportApiMetrics(data: any) {
  navigator.sendBeacon('/api/monitor/api', JSON.stringify(data));
}