javascript - 为什么记录 fetch() 的结果 "break"是 ("body stream is locked")？

Question

在试图理解返回结果时，我得到了这个简单的东西:

    fetch('http://localhost:8081/position', {mode: 'cors'})
        .then(response => {return response.json()})
        .then(result => console.log(result));

有效 - 它打印响应的 json。

但这不起作用:

    fetch('http://localhost:8081/position', {mode: 'cors'})
        .then(response => {console.log(response.json()); return response.json();})
        .then(result => console.log(result));

它显示Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream is locked

这是为什么？

Answer 1

promise 并没有真正失效，但问题是 .json()(和 .body()、.text()) 只能调用一次。

HTTP 请求被建模为流，您无法真正从流中读取两次。

但是，您可以将 .json() promise 的结果放在一个变量中，然后返回它。

fetch('http://localhost:8081/position', {mode: 'cors'})
    .then(response => response.json())
    .then(jsonBody => { console.log(jsonBody); return jsonBody; })
    .then(result => console.log(result));