axios post body参数_vue之axios封装

好的，我来回答你的问题。

首先，让我们来看一下如何使用axios进行POST请求。

axios.post('/api/data', {
  name: 'John Doe',
  age: 25
})
.then(response => {
  console.log(response);
})
.catch(error => {
  console.error(error);
});

在这个例子中，我们向`/api/data`发送了一个POST请求，请求体中包含了一个JSON对象`{ name: 'John Doe', age: 25 }`。在成功响应时，我们打印了响应对象。在发生错误时，我们打印了错误对象。

接下来，让我们来看一下如何封装axios。

import axios from 'axios';

const apiClient = axios.create({
  baseURL: 'https://api.example.com',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  }
});

export default {
  async postData(data) {
    try {
      const response = await apiClient.post('/data', data);
      return response.data;
    } catch (error) {
      console.error(error);
    }
  }
};

在这个例子中，我们使用了`axios.create`方法创建了一个axios实例，并设置了基准URL和请求头。我们还创建了一个名为`postData`的方法，该方法接受一个数据对象并向`/data`发送POST请求。在成功响应时，我们返回响应数据。在发生错误时，我们打印了错误对象。

这是一个简单的axios封装例子，你可以根据自己的需求进行修改和扩展。希望能对你有所帮助！