fetchAPI代替ajax请求为什么不走第二个then而直接走了catch

2024-12-03 19:41:58
推荐回答(1个)
回答1:

问题出在你第一个then的console.log上
response是只能被读取一次的,当调用了bolb,json,text或者其他几个读取的接口之后,esponse的bodyUsed被设为true,就不能在此读取了

console.log(response.json()); //第一次读取
return response.json(); //又读取了一次
读取了两次,自然就报错已经读取的错误了
所以你把第一个then改成这样就可以了

let jsonPromise = response.json()

console.log(jsonPromise);
return jsonPromise;
改成async/await的话,大概是这样,不保证正确..
let doFetch = async () => {
try {
let resp = await fetch(serverUrl + '/api/home/mallHome', {
method: 'post',
headers: {
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
},
body: 'json={}'
})
let json = await resp.json()
} catch (e) {
console.log("出错了")
}
}