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

Question

var serverUrl = "http://43.254.150.58/b2c-web-cib"; //接口服务器

fetch(serverUrl + '/api/home/mallHome', {
    method: 'post',
    headers: {
     "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
    },
    body: 'json={}'
})
.then(function(response){
    console.log(response.json());
    return response.json();
})
.then(function(data){
    console.log(data);
})
.catch(function(e) {
    console.log("出错了");
});

console出来的结果是这样的
Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
出错了
我能肯定这个请求是成功的，而且展开这个Promise后是有值得，返回的值也正确，那到底哪里出了问题呢？为什么不走第二个then，而直接走了catch呢？
我打印 一下这个catch里的参数e，结果是TypeError: Already read at test.html:19，意思是我在第一次then的时候已经读取过了

对了，如果我想用async/await代替Promise应该怎么写呢？

Answer 1

문제는 첫 번째 콘솔의 console.log에 있습니다

bolb, json, text 또는 기타 여러 읽기 인터페이스를 호출한 후에는 응답의 bodyUsed가 true로 설정되어 여기서는 읽을 수 없습니다.

으아아아

두 번 읽으면 자연스럽게 읽은 것으로 오류가 보고됩니다.
그래서 첫 번째를 이렇게 바꾸면 됩니다

으아아아

async/await로 바꾸면 아마 이렇게 될텐데 정확하다는 보장은 없습니다..

으아아아