React对fetch的简单封装

最新推荐文章于 2024-08-16 13:49:36 发布

RaoMeng1995

最新推荐文章于 2024-08-16 13:49:36 发布

阅读量898

点赞数 2

分类专栏： React JavaScript 文章标签： React fetch

本文链接：https://blog.csdn.net/RaoMeng1995/article/details/87261038

版权

本文介绍了如何在React应用中对fetch进行简单的封装，提升代码复用性和易维护性。通过创建一个定制化的fetch函数，我们可以更好地管理和处理HTTP请求，包括错误处理、状态管理以及API调用的统一接口。

摘要由CSDN通过智能技术生成

import {getStrValue, isObjNull} from "./common";

export function fetchPost(url, params, header) {
    if (isObjNull(header)) {
        header = {}
    }

    let formData = new FormData()
    if (params) {
        for (let key in params) {
            // if ((typeof params[key]) === 'string') {
            //     formData.append(key, encodeURI(params[key].toString()))
            // } else {
            formData.append(key, params[key])
            // }
        }
    }

    const request = fetch(url, {
        method: 'POST',
        body: formData,
        mode: 'cors',
        // credentials: 'include',
        // cache: "force-cache",
        headers: new Headers({
            'Accept': 'application/json',
            // "Content-Type": "application/x-www-form-urlencoded; charset=utf-8",
            ...header
        })
    })

    return fetchResult(request)
}

ex