react封装axios请求方法

在 React 中使用 axios 发送请求可以封装一个通用的请求方法，方便在多个组件中复用。以下是一个简单的封装示例：

import axios from 'axios';

const request = axios.create({
  baseURL: 'http://localhost:3000', // 接口的基础路径
  timeout: 5000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json;charset=utf-8'
  }
});

// 封装 GET 请求
export const get = (url, params) => {
  return request.get(url, { params });
};

// 封装 POST 请求
export const post = (url, data) => {
  return request.post(url, data);
};

// 封装 PUT 请求
export const put = (url, data) => {
  return request.put(url, data);
};

// 封装 DELETE 请求
export const del = (url, params) => {
  return request.delete(url, { params });
};

使用时，可以直接在组件中引入并调用封装好的请求方法：

import { get } from '@/utils/request';

get('/api/user', { id: 123 }).then(res => {
  console.log(res);
}).catch(err => {
  console.error(err);
});