Jiahonzheng's Blog

'unsupported BodyInit type' 错误的解决

字数统计: 180阅读时长: 1 min
2018/02/24 Share

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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;

CATALOG