質問編集履歴

2

試した事を追記

2020/06/18 07:23

投稿

Laxxx0214
Laxxx0214

スコア15

test CHANGED
File without changes
test CHANGED
@@ -150,4 +150,52 @@
150
150
 
151
151
  で自分なりに考えたんですがログインしてからgetters.checkがtrueになる前にページ遷移が発生しておりそれでガードされてしまっているのでは無いかなと考えました。
152
152
 
153
+
154
+
155
+ ### 試した事
156
+
157
+ 先程載せたlogin.vueをasync awaitの形で書き換えてみましたがだめでした
158
+
159
+ ```loginVue
160
+
161
+
162
+
163
+ async login() {
164
+
165
+ const self = this;
166
+
167
+
168
+
169
+ const params = {
170
+
171
+ email: this.email,
172
+
173
+ password: this.password,
174
+
175
+ };
176
+
177
+
178
+
153
- でそこの
179
+ try {
180
+
181
+ const response = await axios.post('/login', params );
182
+
183
+
184
+
185
+ await self.$store.dispatch('auth/login', response.data);
186
+
187
+ await self.$router.push('/home');
188
+
189
+ }catch (error) {
190
+
191
+
192
+
193
+ }
194
+
195
+ }
196
+
197
+ ```
198
+
199
+
200
+
201
+ 足りない情報等ありましたら追記致しますのでよろしくお願いいたします。

1

題名を分かりやすくしました

2020/06/18 07:23

投稿

Laxxx0214
Laxxx0214

スコア15

test CHANGED
@@ -1 +1 @@
1
- vue-router ナビゲーションガードを使てアクセス制限をかけたい
1
+ vuex gettersの更新が終わったら画面遷移した
test CHANGED
File without changes