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