vue3+vite+ts配置拦截器

在Vue 3 + Vite + TypeScript的配置中，可以使用拦截器来处理请求和响应。下面是一个示例演示如何配置拦截器：

1. 首先，安装axios库，它是一个常用的HTTP客户端库，用于发送请求和处理响应。

npm install axios

2. 在你的代码中，导入axios和创建一个实例：

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://api.example.com', // 设置基本URL
  timeout: 5000, // 设置请求超时时间
});

3. 接下来，你可以使用`use`方法来添加请求和响应拦截器：

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

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

通过以上配置，你可以在请求发送之前和响应返回之后对数据进行处理。你可以在请求拦截器中添加请求头、处理请求参数等，而在响应拦截器中处理响应数据、错误处理等。