JavaScript网络请求_Axios拦截器与适配器

axios.interceptors.request.use(config => {
  const token = localStorage.getItem('token');
  if (token) {
    config.headers.Authorization = `Bearer ${token}`;
  }
  // 显示 loading
  showLoading();
  return config;
}, error => {
  return Promise.reject(error);
});

axios.interceptors.response.use(response => {
  // 隐藏 loading
  hideLoading();
  return response.data; // 直接返回 data
}, error => {
  if (error.response?.status === 401) {
    // 未授权，跳转登录
    window.location.href = '/login';
  }
  hideLoading();
  return Promise.reject(error);
});

const customAdapter = config => {
  return new Promise((resolve, reject) => {
    // 这里可以调用 fetch、wx.request 等
    setTimeout(() => {
      resolve({
        data: { message: 'mock data' },
        status: 200,
        statusText: 'OK',
        headers: {},
        config: config,
        request: {}
      });
    }, 500);
  });
};

// 使用自定义适配器
axios.get('/api/test', { adapter: customAdapter })
  .then(res => console.log(res));

const apiClient = axios.create({
  baseURL: '/api'
});

if (process.env.NODE_ENV === 'test') {
  apiClient.defaults.adapter = mockAdapter;
}