Aurelia 中 fetch() 的错误处理

Question

我有一个 API，其中包含对服务器引发错误（状态 = 500）时出了什么问题的有用描述。描述作为响应文本的一部分出现。我的客户端代码使用 Aurelia，通过 aurelia-fetch-client 使用通用方法调用 api 来进行调用：

function callRemoteService(apiName, timeout) {
  return Promise.race([
    this.http.fetch(apiName),
    this.waitForServer(timeout || 5000)  // throws after x ms
  ])
    .then(response => response.json() )
    .catch(err => {
        if (err instanceof Response) {
          // HERE'S THE PROBLEM.....
          err.text().then(text => {
            console.log('Error text from callRemoteService() error handler: ' + text);
            throw new Error(text)
          });
        } else if (err instanceof Error) {
          throw new Error(err.message);
        } else {
          throw new Error('Unknown error encountered from callRemoteService()');
        }
    });
}

请注意，我想以一致的方式捕获服务器（获取或超时）错误，然后 throw 仅向调用视图返回一条简单的错误消息。我可以成功调用 callRemoteService，在返回 500 时捕获错误：

callRemoteService(this.apiName, this.apiTimeout)
  .then(data => {
    console.log('Successfully called \'' + this.apiName +
      '\'! Result is:\n' + JSON.stringify(data, null, 2));
    })
  .catch(err => {
    console.log('Error from \'' + this.apiName + '\':',err)
    });

但是，我在访问响应文本时遇到问题，因为 fetch 提供了 text() 方法，returns 一个承诺，这干扰了我本来很高兴的承诺链接.上面的代码不起作用，给我留下 Uncaught (in promise) 错误。

希望有访问该响应文本的好方法？

Answer 1

这应该可以解决问题：

function callRemoteService(apiName, timeout = 5000) {
  return Promise.race([
    this.http.fetch(apiName)
      .then(
        r => r.json(),
        r => r.text().then(text => throw new Error(text))
      ),
    this.waitForServer(timeout)
  ]);
}

顺便说一句，我喜欢你用 Promise.race 做的事 - 技术不错！

Aurelia 中 fetch() 的错误处理

Error handling for fetch() in Aurelia

javascript

aurelia

fetch-api

aurelia-fetch-client