エンターテイメント!!

遊戯王好きのJavaエンジニアのブログ。バーニングソウルを会得する特訓中。

axiosの通信内容をキャプチャしたい

経緯

postしている内容が知りたくなったけど、送信前や受信後でconsole.logするのはダサくね?って思って、他にやり方がないか調べたら、良さげな実装あったので、メモ

実装

  axios.interceptors.request.use(
    function (config) {
      console.log(config);
      return config;
    },
    function (error) {
      return Promise.reject(error);
    },
  );
  axios.interceptors.response.use(
    function (config) {
      console.log(config);
      return config;
    },
    function (error) {
      return Promise.reject(error);
    },
  );

inteceptors使って、リクエスト・レスポンスの内容を拾ってる。
post前後でconsole.logするより、エラーハンドリングできたりするので、汎用性が高いと思ってる。

参考サイト

Axiosしているならエラーハンドリングはinterceptors一択

qiita.com