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

質問編集履歴

4

2021/07/13 10:54

投稿

takabee
takabee

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- 【Nuxt.js】vuex-persistedstateを用いたデータの永続化について
1
+ 【Nuxt.js】vuex-persistedstateを用いたデータの永続化について
body CHANGED
File without changes

3

デザインを整え見やすくしました。

2021/07/13 10:54

投稿

takabee
takabee

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- 【Nuxt.js】vuex-persistedstateを用いたデータの永続化について
1
+ 【Nuxt.js】vuex-persistedstateを用いたデータの永続化について
body CHANGED
@@ -60,7 +60,7 @@
60
60
  ローカルストレージを何度も上書きしているかもしれないと予想し原因を追究しているのですが、一向に分からず、皆様のご意見もお伺いしたいです。
61
61
  是非宜しくお願い致します。
62
62
 
63
- 2021/07/13 19:13 追記:原因が分かりました。
63
+ **__2021/07/13 19:13 追記:原因が分かりましたので報告いたします__**
64
64
  お世話になっております。
65
65
  原因が分かりましたので、追記いたします。
66
66
 

2

原因を追記しました。

2021/07/13 10:25

投稿

takabee
takabee

スコア8

title CHANGED
File without changes
body CHANGED
@@ -58,4 +58,30 @@
58
58
  ```
59
59
 
60
60
  ローカルストレージを何度も上書きしているかもしれないと予想し原因を追究しているのですが、一向に分からず、皆様のご意見もお伺いしたいです。
61
- 是非宜しくお願い致します。
61
+ 是非宜しくお願い致します。
62
+
63
+ 2021/07/13 19:13 追記:原因が分かりました。
64
+ お世話になっております。
65
+ 原因が分かりましたので、追記いたします。
66
+
67
+ まず事実としてページを1回リロードするたびにuserオブジェクトが1つずつ増えていきました。
68
+ ```
69
+ //1回目
70
+ {user: { name: 'name' }}
71
+
72
+ //2回目
73
+ {user: {user: { name: 'name' }}}
74
+
75
+ //3回目
76
+ {user: {user: {user: { name: 'name' }}}}
77
+
78
+ ・・・
79
+ ```
80
+
81
+
82
+ これはvuex-persistedstateがstate以下をローカルストレージに保存している一方、```commit('setuser', userInfo)```ではstate.userに値を保存しているからでした。
83
+
84
+ つまりリロード時に```nuxtClientInit```関数を実行するたびにstate.userにローカルストレージの値が挿入され、どんどんuserオブジェクトが溜まっていくということです。
85
+
86
+ 解決策については引き続き検討いたします。
87
+ とりあえず原因のご報告まで。

1

補足情報を追記しました。

2021/07/13 10:24

投稿

takabee
takabee

スコア8

title CHANGED
File without changes
body CHANGED
@@ -54,7 +54,7 @@
54
54
  ```
55
55
  // localStorage.getItem('movie-sharing-app')の値
56
56
 
57
- {"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{}}}}}}}}}}}}}}}
57
+ {"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{"user":{name: 'name'}}}}}}}}}}}}}}}
58
58
  ```
59
59
 
60
60
  ローカルストレージを何度も上書きしているかもしれないと予想し原因を追究しているのですが、一向に分からず、皆様のご意見もお伺いしたいです。