vite+vue3项目axios的封装

在vite+vue3项目中，你可以通过封装axios来处理网络请求。下面是一个简单的示例：

1. 首先，安装axios依赖：

npm install axios

2. 创建一个`api.js`文件来封装axios：

import axios from 'axios';

// 创建一个axios实例
const instance = axios.create({
  baseURL: 'https://api.example.com', // 设置接口的基础url
  timeout: 5000 // 请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前做一些处理，例如添加token等
    return config;
  },
  error => {
    // 请求错误处理
    console.error(error);
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 对响应数据做一些处理，例如解析返回的json数据
    return response.data;
  },
  error => {
    // 响应错误处理
    console.error(error);
    return Promise.reject(error);
  }
);

export default instance;

3. 在需要发送请求的地方引入`api.js`并使用：

import api from './api.js';

// 发送GET请求
api.get('/users')
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

// 发送POST请求
api.post('/users', { name: 'John Doe' })
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

这样，你就可以在vite+vue3项目中使用封装好的axios进行网络请求了。当然，你还可以根据项目的需要进行更多的封装和配置。希望对你有帮助！如果还有其他问题，请随时提问。