處理失敗的API調用提取

Question

我有以下代碼，使API調用和基於HTTP響應，它調度我的redux減速器中的某些操作。

問題是，如果API調用失敗，它將在控制檯中顯示它，即使處理不成功調用的代碼部分執行正常。我怎樣才能防止呢？我已經處理了不成功的API調用，因此在控制檯中什麼也不顯示。

export const someApiCall =() => { 

    return (dispatch) => fetch('/api/somefunction', fetchOptionsGet()) 
     .then((response) => { 
      if(response.ok) { 
       // Success. Dispatch some actions 
      } else { 
       // Failed call. Dispatch some other actions 
      } 
     }) 
} 

Answer 1

這沒什麼錯，別擔心。即使您正在處理http庫中的這些錯誤，瀏覽器仍會在控制檯中顯示http錯誤。

Answer 2

正如@Dherik所說，它是瀏覽器的默認功能。

但是，如果您擔心控制檯中顯示的HTTP錯誤，那麼您可以通過更改API來處理此問題，以免在控制檯中顯示。

因此，重新設計您的錯誤流，以便在響應正文中返回錯誤代碼和消息的狀態代碼2XX，並像現在這樣處理它。