JavaScriptのconsole.logの結果をサーバーのlogファイルに溜める方法

Question

SpringBoot（APIサーバー） + Vue.js（フロント）でWebアプリの開発をおこなっています。

現在、Vue→SpringBootへのAPI通信時のエラー内容などをconsole.log(error)のような形でブラウザ上で確認していますが、このconsole.logの内容を.log形式のファイルとしてサーバー側に外部出力することは可能でしょうか？

【処理のサンプル】

const AXIOS = axios.create({
    baseURL: process.env.VUE_APP_PUBLIC_PATH + "api",
    timeout: 100000,
});

export api {
    sample(data) {
        return AXIOS.get("/sample/" + data);
    }
}

// 通信時のアクション
// この処理内のconsole.logで出力している箇所をサーバーにファイルとして外部出力したい。

api
  .sample(this.data)
  .then((response) => {
    if (response.data.success) {
      try {
        sessionStorage.setItem("userData", JSON.stringify(response.data.json));
        sessionStorage.setItem("keyName", JSON.stringify(response.data.message));
      } catch(e) {
        // sessionStorageが使えなければエラーページに遷移
        console.log("error：" + e);
        this.$router.push({
          name: "error",
          params: { kind: "unex", code: "01" },
        });
      }
      this.$router.push({
        name: "identity_information",
      });
    } else {
      this.$router.push({
        name: "error",
        params: { kind: response.data.message, code: response.data.code },
      });
    }
  })
  .catch((error) => {
    console.log(error);
    this.$router.push({
      name: "error",
      params: { kind: "unex", code: "01" },
    });
  });

Comments

[m.ts10806]

サーバー側でJSON生成したタイミングでその中身をサーバー側で出力するのでは駄目なのでしょうか

[GenkiSugiyama]

JSONの内容だけならそれでもいいのですが、JSのHTTP通信のエラー時の内容だったり、JS側でデータを加工する工程の確認も行いたいのでJS側で出力したいと考えています。

[m.ts10806]

上記、質問本文に記載してください。
現在の実装も可能な限り提示されたほうが良いです。自身で調べたこと試したことも

Answer 1

JSの非同期通信エラー時のエラー内容もログファイルに出力したいので

こういうことでしょうか。

【google-chrome - Chromeでconsole.logをファイルに保存します - ITツールウェブ】
https://cloud6.net/so/google-chrome/19078

【Chrome ブラウザのデバッグログ - Google Chrome Enterprise ヘルプ】
https://support.google.com/chrome/a/answer/6271282?hl=ja

Comments

[GenkiSugiyama]

ご回答ありがとうございます。
質問内容も編集させていただきましたが、目的としては
ユーザーの使用ブラウザに関わらず、エラーが発生した際にサーバー側にログを残しておきたい。
ということになります。
分かりにくい質問内容で申し訳ないですが、API通信時にエラー時にサーバーにログファイルを送信する方法を探しています。

[kei344]

別途ログをブラウザのストレージ（localStorageとか）に保存する仕組みをJavaScriptで組んで、ログがたまったら定期的に送信するような仕組みを作るしかないと思います。