typescript 使用获取API处理500响应

oewdyzsn 于 2023-01-14 发布在 TypeScript

关注(0)|答案(2)|浏览(169)

我们有以下对fetch的调用。

this.http.fetch('flasher', { method: 'post', body: jsonPayload })
    .then(response => response.json())
    .then(data => console.log(data));

当我们收到一个200的响应时，这个方法有效，但是当我们收到一个500的响应时，控制台什么也不记录。

typescript

来源：https://stackoverflow.com/questions/36225862/handle-a-500-response-with-the-fetch-api

2条答案

按热度按时间

osh3o9ms1#

工作溶液

将then与catch结合使用是有效的。

fetch('http://some-site.com/api/some.json')  
  .then(function(response) {                      // first then()
      if(response.ok)
      {
        return response.text();         
      }

      throw new Error('Something went wrong.');
  })  
  .then(function(text) {                          // second then()
    console.log('Request successful', text);  
  })  
  .catch(function(error) {                        // catch
    console.log('Request failed', error);
  });