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

質問編集履歴

2

試した事を追記

2020/06/18 07:23

投稿

Laxxx0214
Laxxx0214

スコア15

title CHANGED
File without changes
body CHANGED
@@ -74,4 +74,28 @@
74
74
  ```
75
75
 
76
76
  で自分なりに考えたんですがログインしてからgetters.checkがtrueになる前にページ遷移が発生しておりそれでガードされてしまっているのでは無いかなと考えました。
77
+
78
+ ### 試した事
79
+ 先程載せたlogin.vueをasync awaitの形で書き換えてみましたがだめでした
80
+ ```loginVue
81
+
82
+ async login() {
83
+ const self = this;
84
+
85
+ const params = {
86
+ email: this.email,
87
+ password: this.password,
88
+ };
89
+
77
- でそこの
90
+ try {
91
+ const response = await axios.post('/login', params );
92
+
93
+ await self.$store.dispatch('auth/login', response.data);
94
+ await self.$router.push('/home');
95
+ }catch (error) {
96
+
97
+ }
98
+ }
99
+ ```
100
+
101
+ 足りない情報等ありましたら追記致しますのでよろしくお願いいたします。

1

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

2020/06/18 07:23

投稿

Laxxx0214
Laxxx0214

スコア15

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