封装axios模块

最新推荐文章于 2025-09-18 22:27:27 发布

原创最新推荐文章于 2025-09-18 22:27:27 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#http #ajax

react 专栏收录该内容

20 篇文章

订阅专栏

这篇博客详细介绍了如何使用axios库创建一个HTTP客户端实例，并封装了一个通用的请求方法，支持GET、POST、PUT、DELETE等多种HTTP方法。通过设置基础URL、超时时间和参数，简化了API调用的流程，提高了代码的复用性和可维护性。

import axios from 'axios'

//创建axios实例
const axiosObj = axios.create({
    baseURL: 'http://api.web1024.cn',
    timeout: 8000,
    params: {
        key: 'gxn759'
    }
})

/**
 * 用于发送请求的通用方法
 * @param {*} options 配置信息，method请求方法，params参数，path路由
 * @returns
 */
async function http({method = 'get',params,path}){

    let result

    if(method === 'get' || method === 'delete'){
        await axiosObj[method](path,{
            params
        }).then(res=>{
            result = res.data
        },err=>{
            result = err
        })
    }else if(method === 'post' || method === 'put' || method === 'patch'){
        await axiosObj[method](path,params).then(res=>{
            result = res.data
        },err=>{
            result = err
        })
    }

    return result

}

export default http