vue3 axios封装请求代码

以下是一个简单的Vue3 Axios封装请求代码：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://example.com/api/',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json',
  },
});

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

// 响应拦截器
instance.interceptors.response.use(
  (response) => {
    // 对响应数据进行处理，如统一处理错误码等
    return response.data;
  },
  (error) => {
    return Promise.reject(error);
  }
);

export default instance;

使用时，我们可以在Vue组件中直接引用：

import axios from '@/utils/axios';

axios.get('/users')
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

此外，还可以根据具体项目需求封装其他的请求方法，如POST、PUT和DELETE等。