JavaScript封装Promise之如何返回【error,res】类型的数据总结【有一个坑】【以Axios为例】

最新推荐文章于 2024-07-25 14:56:02 发布

原创最新推荐文章于 2024-07-25 14:56:02 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文详细解析了如何在使用axios发送HTTP请求时正确处理Promise。重点介绍了在请求成功与失败时，如何通过resolve方法返回数据或错误，避免使用reject方法。同时，对axios错误处理的两种情况进行了区分说明。

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

一定要注意：Promise如果你要处理异常【等价于catch】就使用reject方法,而如果仅是返回数据,必须使用resole方法

const axios = require("axios");
const GlobalError = require("../global/GlobalError.js");

module.exports = class OwnAxios {
    static async axiosRequest (url, formData = null, method = "POST", successFunc = null, failFunc = null) {
        console.log("formdata", formData);
        let [error, res] = await new Promise((resolve, reject) => {
            axios({
                url: url,
                method: method,
                data: formData,
            }).then((res) => {
                resolve([null, res]);
            }).catch((error) => {
                封装Promise这里不能使用reject(error)【等价于catch】,要返回error结果必须resolve才可以
                【非常重要】axios这个库的的错误有两种情况【1、请求成功,但是状态码不是200; 2、是请求失败】
                if (error.response) {
                    请求已发出，返回状态码不是200的情况【这种情况依然需要判断状态码,把结果赋值返回给res】
                    resolve([null, error.response]);
                } else {
                    这种情况就是数据库连接失败,请求异常了【结果返回给error】
                    resolve([error, null]);
                }
            });
        });
        console.log([error, res]);
        return GlobalError.requestErrorOrSuccessHandle(res, error, successFunc, failFunc);
    }
};