Axios 封装函数：简化 API 请求

本文介绍如何封装 Axios 函数，简化 API 请求的流程，传入请求 URL 和参数，返回 Promise 对象，方便处理请求结果。

import axios from 'axios';

function myAxios(url, params) {
    return new Promise((resolve, reject) => {
        axios({
            url: url,
            method: 'post',
            data: params,
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then(response => {
            if (response.data.code === '0') {
                resolve(response.data.data);
            } else {
                reject(response.data.msg);
            }
        }).catch(error => {
            reject(error);
        });
    });
}

这个封装的 Axios 函数可以处理常见的 POST 请求，请求参数是一个对象，请求头中 Content-Type 为 'application/x-www-form-urlencoded'。请求成功时返回数据中的 data 字段，请求失败时返回错误信息。

使用示例：

myAxios('/api/users', { name: 'John Doe' })
    .then(data => {
        console.log('请求成功', data);
    })
    .catch(error => {
        console.error('请求失败', error);
    });

优点:

简化 API 请求逻辑，提高代码可读性
统一处理请求错误，方便调试
支持 Promise 对象，方便链式调用