TypeScript项目中Axios的封装

以下是一个简化的、可以在TypeScript项目中使用的Axios的封装示例：

import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
 
// 封装请求配置
const request = (options: AxiosRequestConfig) => {
  const instance = axios.create({
    baseURL: 'https://api.example.com',
    timeout: 1000,
    // 其他配置...
  });
 
  // 请求拦截器
  instance.interceptors.request.use(
    config => {
      // 可以在这里添加例如token等请求头
      // config.headers['Authorization'] = 'Bearer yourToken';
      return config;
    },
    error => {
      // 请求错误处理
      return Promise.reject(error);
    }
  );
 
  // 响应拦截器
  instance.interceptors.response.use(
    response => {
      // 对响应数据做处理，例如只返回data部分
      return (response as AxiosResponse).data;
    },
    error => {
      // 响应错误处理
      return Promise.reject(error);
    }
  );
 
  return instance(options);
};
 
// 使用封装后的请求
request({
  url: '/endpoint',
  method: 'get'
}).then(data => {
  console.log(data);
}).catch(error => {
  console.error(error);
});

这段代码展示了如何在TypeScript项目中封装Axios，包括请求拦截器和响应拦截器的设置，以及如何使用封装后的request函数发起请求。这样可以方便地复用请求配置，并在需要时进行扩展。