質問編集履歴

4

内容の追加

2021/04/21 08:26

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

test CHANGED
File without changes
test CHANGED
@@ -2,8 +2,104 @@
2
2
 
3
3
 
4
4
 
5
- サーバーから渡されるJSON中身やそJSONをフロントで加工した結果などをVueのコンポーネントファイルにconsole.logを記述してブラウザのコンソールタブで確認しているのですが、console.logで表示する内容を.log」の形式外部出力することは可能なのでしょうか?
5
+ 現在、Vue→SpringBootへAPI通信時エラー内容などを`console.log(error)`のような形でブラウザで確認していすが、この`console.log`の内容を.log形式のファイルとしてサーバー側に外部出力することは可能でしょうか?
6
6
 
7
7
 
8
8
 
9
+ 【処理のサンプル】
10
+
11
+ ```sample.vue
12
+
13
+ const AXIOS = axios.create({
14
+
15
+ baseURL: process.env.VUE_APP_PUBLIC_PATH + "api",
16
+
17
+ timeout: 100000,
18
+
19
+ });
20
+
21
+
22
+
23
+ export api {
24
+
25
+ sample(data) {
26
+
27
+ return AXIOS.get("/sample/" + data);
28
+
29
+ }
30
+
31
+ }
32
+
33
+
34
+
35
+ // 通信時のアクション
36
+
37
+ // この処理内のconsole.logで出力している箇所をサーバーにファイルとして外部出力したい。
38
+
39
+
40
+
41
+ api
42
+
43
+ .sample(this.data)
44
+
45
+ .then((response) => {
46
+
47
+ if (response.data.success) {
48
+
49
+ try {
50
+
51
+ sessionStorage.setItem("userData", JSON.stringify(response.data.json));
52
+
9
- 上記のようなJSONデータのみの出力であればJava側の出力でいいのではないかとご指摘をいただいたのですが、JSの非同期通信エラー時のエラー内容もログファイルに出力したいのでJSからのファイル出力手段を探しています。
53
+ sessionStorage.setItem("keyName", JSON.stringify(response.data.message));
54
+
55
+ } catch(e) {
56
+
57
+ // sessionStorageが使えなければエラーページに遷移
58
+
59
+ console.log("error:" + e);
60
+
61
+ this.$router.push({
62
+
63
+ name: "error",
64
+
65
+ params: { kind: "unex", code: "01" },
66
+
67
+ });
68
+
69
+ }
70
+
71
+ this.$router.push({
72
+
73
+ name: "identity_information",
74
+
75
+ });
76
+
77
+ } else {
78
+
79
+ this.$router.push({
80
+
81
+ name: "error",
82
+
83
+ params: { kind: response.data.message, code: response.data.code },
84
+
85
+ });
86
+
87
+ }
88
+
89
+ })
90
+
91
+ .catch((error) => {
92
+
93
+ console.log(error);
94
+
95
+ this.$router.push({
96
+
97
+ name: "error",
98
+
99
+ params: { kind: "unex", code: "01" },
100
+
101
+ });
102
+
103
+ });
104
+
105
+ ```

3

追加

2021/04/21 08:25

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

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

2

タグの追加

2021/04/20 06:06

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

test CHANGED
File without changes
test CHANGED
File without changes

1

文言修正

2021/04/20 01:37

投稿

GenkiSugiyama
GenkiSugiyama

スコア86

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