使用axios帮我封装一个post请求

好的，下面是使用axios封装一个post请求的示例代码：

import axios from 'axios';

function postData(url, data) {
  return axios.post(url, data)
    .then(response => response.data)
    .catch(error => console.error(error));
}

export default postData;

你可以调用上面的函数，传入相应的url和数据，就可以发送一个post请求了。注意，这个函数返回的是一个Promise对象，所以你需要使用then方法来获取响应数据，或使用catch方法来处理错误。

相关问题

使用axios 封装一个前端请求

Axios是一个流行的JavaScript库，用于处理HTTP请求。封装axios可以帮助我们编写更简洁、易于维护的前端API请求代码。以下是一个简单的例子，展示如何封装axios以便在Vue.js或其他JavaScript框架中复用：

import axios from 'axios';

const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 5000, // 请求超时时间
  headers: { 'Content-Type': 'application/json' } // 默认请求头
});

// 全局错误处理器
service.interceptors.response.use(
  response => response.data,
  error => {
    console.error('Error', error);
    return Promise.reject(error.message || 'Error');
  }
);

export default {
  get(url) {
    return service.get(url);
  },
  post(url, data) {
    return service.post(url, data);
  },
  put(url, data) {
    return service.put(url, data);
  },
  delete(url) {
    return service.delete(url);
  }
};

axios封装get和post请求

以下是axios封装get和post请求的例子：

1. 封装get请求

export const get = (url, params) => {
  return new Promise((resolve, reject) => {
    axios.get(url, { params }).then(res => {
      resolve(res.data);
    }).catch(err => {
      reject(err.data);
    });
  });
};

2. 封装post请求

export const post = (url, params) => {
  return new Promise((resolve, reject) => {
    axios.post(url, QS.stringify(params)).then(res => {
      resolve(res.data);
    }).catch(err => {
      reject(err.data);
    });
  });
};