Question

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

Answer 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("出错了")
}
}