'unsupported BodyInit type' 错误的解决

3,163 阅读1分钟

在进行 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;