封装 http Get Post请求

最新推荐文章于 2023-11-14 11:03:20 发布

原创最新推荐文章于 2023-11-14 11:03:20 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用axios库封装HTTP请求的方法，包括GET和POST请求的处理，以及错误处理和重试机制。通过设置固定的URL前缀，简化了请求路径，并在请求失败时提供了警告信息和页面刷新功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let URL = '固定URL';

httpGet(url, callback) {
    axios.get(URL + url, {
    }).then((data) => {
        if (data.data.status == 1) {
            callback(data.data)
        } else {
            if (data.data.error) {
                message.warning(data.data.error);
            } else {
                message.warning('网络异常,将重新刷新.');
                let t = setTimeout(() => {
                    window.location.reload();
                    clearTimeout(t);
                }, 1000);
            }
        }
    }).catch((err) => {
        callback(false);
        console.error(err);
    });
}

/**
 * post一个请求
 * @param {*} url
 * @param {*} callback
 */
httpPost(url, data, callback) {
    axios.post(URL + url, {
        data: data,
    }).then((data) => {
        if (data.data.status == 1) {
            callback(data.data)
        } else {
            if (data.data.error) {
                message.warning(data.data.error);
            } else {
                message.warning('网络异常,将重新刷新.');
                let t = setTimeout(() => {
                    window.location.reload();
                    clearTimeout(t);
                }, 1000);
            }
        }
    }).catch((err) => {
        callback(0);
        console.error(err);
    });
}