'unsupported BodyInit type' 错误的解决

在进行 React Native 开发时,在使用 fetch 方法进行 POST 请求时,出现 'unsupported BodyInit type' 的错误,在查阅相关Issues 后,发现导致错误的原因有两种:

  • 没有正确设置请求数据的 headers 段。
  • 没有在请求数据的 body 段使用 JSON.stringify 方法。

以下是能够正常运作的网络请求模块:

const request = (url, method, body) => {
    let isOk;

    return new Promise((resolve, reject) => {
        fetch(url, {
            method,
            // 正确设置 headers
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json;charset=utf-8'
            },
            // 使用 JSON.stringify 方法
            body: JSON.stringify(body)
        })
            .then(response => {
                isOk = response.ok;

                return response.json();
            })
            .then(responseData => {
                if (isOk) {
                    resolve(responseData);
                } else {
                    reject(responseData);
                }
            })
            .catch((error) => {
                reject(error);
            });
    });
};

export default request;
复制代码
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值