在react样板中实现axios拦截器的最佳方式是什么？

import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
});

instance.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    // 可以在这里添加请求头、处理请求参数等
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

instance.interceptors.response.use(
  (response) => {
    // 对响应数据做些什么
    // 可以在这里对返回的数据进行处理、错误处理等
    return response;
  },
  (error) => {
    // 对响应错误做些什么
    return Promise.reject(error);
  }
);

instance.get('/api/data')
  .then((response) => {
    // 处理响应数据
  })
  .catch((error) => {
    // 处理错误
  });