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

質問編集履歴

2

タイトルを変え、イメージなどを追記する。

2020/06/04 09:05

投稿

tomomo
tomomo

スコア430

title CHANGED
@@ -1,1 +1,1 @@
1
- nuxtのAuth Moduleでの認証済み時の再読み込みして。
1
+ nuxtのAuth Moduleでの認証済み時のリロードで常ログイン画面に遷移してしまう
body CHANGED
@@ -91,5 +91,35 @@
91
91
  ```
92
92
  endpointsのuserのコールバック的なのか必要なのだけど、どのようにすればいいのか。。。
93
93
 
94
+ さらに追記)
95
+
96
+ ログイン画面に`$auth`を表示させたイメージを載せてみました。
97
+ URLを叩いたときのログイン画面に移行。最初`loggedIn`がfalseなのがちょっと間を置いてtrueになる感じです。(なのでmiddlewareのそれが先に判定されているものと思っています。)
98
+
99
+ ![認証済みのアクセス](db203cecd7292f602b5e011af290e243.gif)
100
+
101
+ あと作成したミドルウェアをやめ、標準の書き方(?)を試してみました。
102
+ が、これも変わらずです。
103
+ 何か実装が必要なのでしょうか?
104
+ ```typescript
105
+ ## nuxt.config.ts
106
+ :
107
+ router: {
108
+ middleware: ['auth']
109
+ }
110
+ :
111
+ ```
112
+ ```vue
113
+ # pages/index.vue
114
+ :
115
+ <script lang="ts">
116
+ import Vue from 'vue';
117
+ import Home from '~/components/templates/Home/index.vue';
118
+ export default Vue.extend({
119
+ auth: true,
120
+ :
121
+ </script>
122
+ ```
123
+
94
124
  引き続き募集します。
95
125
  よろしくお願いします。

1

もう少し状況を補足。

2020/06/04 09:05

投稿

tomomo
tomomo

スコア430

title CHANGED
File without changes
body CHANGED
@@ -64,4 +64,32 @@
64
64
  (※Nuxtは初心者です。)
65
65
 
66
66
  ぜひご教授いただきたく。
67
+ よろしくお願いします。
68
+
69
+ 追記)
70
+ もう少し状況を補足。
71
+
72
+ - 認証済みのとき、/(ルート)へアクセス。(あるいはリロード)
73
+ - middlewareが働いて`store.state.auth.loggedIn`が空のため、/loginに遷移する。
74
+ - ログイン遷移後、`endpoints`の`user(/auth/user)`が作動する。
75
+ - 認証しているので結果が$authには反映されている。
76
+
77
+ ...がそのあと何も動かない。
78
+ $authの監視をするためにログイン画面に以下のコードを追記してみたが、拾えず。。。
79
+ ```javascript
80
+ computed: {
81
+ loggedIn () {
82
+ return this.$auth.loggedIn;
83
+ }
84
+ },
85
+
86
+ watch: {
87
+ loggedIn () {
88
+ alert('変わった!!!');
89
+ }
90
+ }
91
+ ```
92
+ endpointsのuserのコールバック的なのか必要なのだけど、どのようにすればいいのか。。。
93
+
94
+ 引き続き募集します。
67
95
  よろしくお願いします。