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