axios封装post

当使用axios进行POST请求时，可以封装一个函数来简化操作。以下是一个示例：

import axios from 'axios';

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

// 封装POST请求
function post(url, data) {
  return instance.post(url, data)
    .then(response => {
      // 请求成功，返回响应数据
      return response.data;
    })
    .catch(error => {
      // 请求失败，抛出错误信息
      throw new Error(error);
    });
}

// 使用示例
const postData = { key: 'value' };
post('/api/post', postData)
  .then(data => {
    console.log(data); // 处理返回的数据
  })
  .catch(error => {
    console.error(error); // 处理错误信息
  });

在上述示例中，我们首先创建了一个axios实例，并设置了请求的基础URL和超时时间。然后，我们封装了一个post函数，该函数接受一个URL和一个数据对象作为参数，并使用axios实例发送POST请求。在请求成功时，我们返回响应数据；在请求失败时，我们抛出错误信息。

使用时，只需调用post函数，并传入相应的URL和数据对象即可。在.then()中处理返回的数据，在.catch()中处理错误信息。

这样封装后，可以让POST请求的使用更加简洁和可维护。你可以根据自己的需求进行相应的修改和扩展。