フェッチで失敗したAPIコールの処理

Question

API呼び出しを行い、HTTPレスポンスに基づいて、私のredux reducerに特定のアクションを送ります。

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のステータスコードを返し、今度はそれを処理します。