質問するログイン新規登録

質問編集履歴

4

内容の追加

2021/04/21 08:26

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,53 @@
1
1
  SpringBoot(APIサーバー) + Vue.js(フロント)でWebアプリの開発をおこなっています。
2
2
 
3
- サーバーから渡されるJSON中身やそJSONをフロントで加工した結果などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を.log」の形式外部出力することは可能なのでしょうか?
3
+ 現在、Vue→SpringBootへAPI通信時エラー内容などを`console.log(error)`のような形でブラウザで確認していすが、この`console.log`の内容を.log形式のファイルとしてサーバー側に外部出力することは可能でしょうか?
4
4
 
5
+ 【処理のサンプル】
6
+ ```sample.vue
7
+ const AXIOS = axios.create({
8
+ baseURL: process.env.VUE_APP_PUBLIC_PATH + "api",
9
+ timeout: 100000,
10
+ });
11
+
12
+ export api {
13
+ sample(data) {
14
+ return AXIOS.get("/sample/" + data);
15
+ }
16
+ }
17
+
18
+ // 通信時のアクション
19
+ // この処理内のconsole.logで出力している箇所をサーバーにファイルとして外部出力したい。
20
+
21
+ api
22
+ .sample(this.data)
23
+ .then((response) => {
24
+ if (response.data.success) {
25
+ try {
26
+ sessionStorage.setItem("userData", JSON.stringify(response.data.json));
5
- 上記のようなJSONデータのみの出力であればJava側の出力でいいのではないかとご指摘をいただいたのですが、JSの非同期通信エラー時のエラー内容もログファイルに出力したいのでJSからのファイル出力手段を探しています。
27
+ sessionStorage.setItem("keyName", JSON.stringify(response.data.message));
28
+ } catch(e) {
29
+ // sessionStorageが使えなければエラーページに遷移
30
+ console.log("error:" + e);
31
+ this.$router.push({
32
+ name: "error",
33
+ params: { kind: "unex", code: "01" },
34
+ });
35
+ }
36
+ this.$router.push({
37
+ name: "identity_information",
38
+ });
39
+ } else {
40
+ this.$router.push({
41
+ name: "error",
42
+ params: { kind: response.data.message, code: response.data.code },
43
+ });
44
+ }
45
+ })
46
+ .catch((error) => {
47
+ console.log(error);
48
+ this.$router.push({
49
+ name: "error",
50
+ params: { kind: "unex", code: "01" },
51
+ });
52
+ });
53
+ ```

3

追加

2021/04/21 08:25

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,5 @@
1
1
  SpringBoot(APIサーバー) + Vue.js(フロント)でWebアプリの開発をおこなっています。
2
2
 
3
- サーバーから渡されるJSONの中身やそのJSONをフロントで加工した結果などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を「.log」の形式で外部出力することは可能なのでしょうか?
3
+ サーバーから渡されるJSONの中身やそのJSONをフロントで加工した結果などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を「.log」の形式で外部出力することは可能なのでしょうか?
4
+
5
+ 上記のようなJSONデータのみの出力であればJava側の出力でいいのではないかとご指摘をいただいたのですが、JSの非同期通信エラー時のエラー内容もログファイルに出力したいのでJSからのファイル出力手段を探しています。

2

タグの追加

2021/04/20 06:06

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

title CHANGED
File without changes
body CHANGED
File without changes

1

文言修正

2021/04/20 01:37

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,3 @@
1
1
  SpringBoot(APIサーバー) + Vue.js(フロント)でWebアプリの開発をおこなっています。
2
2
 
3
- サーバーから渡されるJSONの中身などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を「.log」の形式で外部出力することは可能なのでしょうか?
3
+ サーバーから渡されるJSONの中身やそのJSONをフロントで加工した結果などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を「.log」の形式で外部出力することは可能なのでしょうか?