javascript - 如何捕获 fetch 的 then() 中的 json 文本

Question

这就是我调用fetch的方式

fetchOpts = {...}
return fetch(url, fetchOpts)
    .then(checkStatus)

即使在错误情况下，我调用的 url 也将始终返回 json 数据:

{error_message:"Encountered issue with update"
status:"error",
status_code:400}

我想获取 error_message 字段值并将其传递给 Error 构造函数。

在 checkStatus 内部，它以这种方式处理异常:

function checkStatus(response) {
  let error = null;

  if (!response.headers.get('Content-Type').includes('application/json')) {
    error = new Error(response.statusText);
    error.response = response;
    throw error;
  }

  if (response.status >= 200 && response.status < 300) {
    return response;
  }

  if (response.ok) {
    return response;
  }
  const jsonData = response.json() ; // <- `jsonData` is a promise
  error = new Error(/* How to extract error_message from json data? */);
  error.response = response;
  throw error;
}

我已经检查过这个问题，但它并没有真正满足我的需求 fetch: Reject promise with JSON error object 。此外，根据评论，接受的答案似乎并不能完全解决OP的问题。

Answer 1

我可能误解了这个问题，但是 error_message 成员是作为 Promise 返回的数据对象的属性公开的，对吗？所以看来你可以这样做:

response.json()
.then(jsonData => {
  if (jsonData.error_message) {
    error = new Error(jsonData.error_message)
  }
}