拦截器示例代码

import axios from './axios-instance';

// 添加请求拦截器
axios.interceptors.request.use(
  config => {
    // 在请求发送前做处理，例如添加 Token
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }

    // 可以对请求参数进行统一处理
    if (config.method === 'get') {
      config.params = {
        ...config.params,
        timestamp: Date.now()
      };
    }

    return config;
  },
  error => {
    // 请求错误处理
    console.error('Request Error:', error);
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  response => {
    // 对响应数据进行统一处理
    if (response.data.code !== 200) {
      return Promise.reject(new Error(response.data.message || 'Error'));
    }
    return response.data;
  },
  error => {
    // 全局错误处理
    if (error.response) {
      console.error(`HTTP Error: ${error.response.status} - ${error.response.statusText}`);
    } else {
      console.error('Network Error or Timeout');
    }
    return Promise.reject(error);
  }
);

// request.js
export const request = (config) => axios(config);

// 使用封装的请求
request({ url: '/users', method: 'get' })
  .then(data => console.log(data))
  .catch(err => console.error(err));