質問編集履歴
2
タイトルを変え、イメージなどを追記する。
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
|
+

|
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
もう少し状況を補足。
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
|
よろしくお願いします。
|