質問編集履歴
2
タイトルを変え、イメージなどを追記する。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
nuxtのAuth Moduleでの認証済み時の
|
|
1
|
+
nuxtのAuth Moduleでの認証済み時のリロードで常にログイン画面に遷移してしまう。
|
test
CHANGED
|
@@ -184,6 +184,66 @@
|
|
|
184
184
|
|
|
185
185
|
|
|
186
186
|
|
|
187
|
+
さらに追記）
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
ログイン画面に`$auth`を表示させたイメージを載せてみました。
|
|
192
|
+
|
|
193
|
+
URLを叩いたときのログイン画面に移行。最初`loggedIn`がfalseなのがちょっと間を置いてtrueになる感じです。（なのでmiddlewareのそれが先に判定されているものと思っています。）
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
あと作成したミドルウェアをやめ、標準の書き方（？）を試してみました。
|
|
202
|
+
|
|
203
|
+
が、これも変わらずです。
|
|
204
|
+
|
|
205
|
+
何か実装が必要なのでしょうか？
|
|
206
|
+
|
|
207
|
+
```typescript
|
|
208
|
+
|
|
209
|
+
## nuxt.config.ts
|
|
210
|
+
|
|
211
|
+
:
|
|
212
|
+
|
|
213
|
+
router: {
|
|
214
|
+
|
|
215
|
+
middleware: ['auth']
|
|
216
|
+
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
:
|
|
220
|
+
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
```vue
|
|
224
|
+
|
|
225
|
+
# pages/index.vue
|
|
226
|
+
|
|
227
|
+
:
|
|
228
|
+
|
|
229
|
+
<script lang="ts">
|
|
230
|
+
|
|
231
|
+
import Vue from 'vue';
|
|
232
|
+
|
|
233
|
+
import Home from '~/components/templates/Home/index.vue';
|
|
234
|
+
|
|
235
|
+
export default Vue.extend({
|
|
236
|
+
|
|
237
|
+
auth: true,
|
|
238
|
+
|
|
239
|
+
:
|
|
240
|
+
|
|
241
|
+
</script>
|
|
242
|
+
|
|
243
|
+
```
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
|
|
187
247
|
引き続き募集します。
|
|
188
248
|
|
|
189
249
|
よろしくお願いします。
|
1
もう少し状況を補足。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -131,3 +131,59 @@
|
|
|
131
131
|
ぜひご教授いただきたく。
|
|
132
132
|
|
|
133
133
|
よろしくお願いします。
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
追記）
|
|
138
|
+
|
|
139
|
+
もう少し状況を補足。
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
- 認証済みのとき、/（ルート）へアクセス。（あるいはリロード）
|
|
144
|
+
|
|
145
|
+
- middlewareが働いて`store.state.auth.loggedIn`が空のため、/loginに遷移する。
|
|
146
|
+
|
|
147
|
+
- ログイン遷移後、`endpoints`の`user（/auth/user）`が作動する。
|
|
148
|
+
|
|
149
|
+
- 認証しているので結果が$authには反映されている。
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
...がそのあと何も動かない。
|
|
154
|
+
|
|
155
|
+
$authの監視をするためにログイン画面に以下のコードを追記してみたが、拾えず。。。
|
|
156
|
+
|
|
157
|
+
```javascript
|
|
158
|
+
|
|
159
|
+
computed: {
|
|
160
|
+
|
|
161
|
+
loggedIn () {
|
|
162
|
+
|
|
163
|
+
return this.$auth.loggedIn;
|
|
164
|
+
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
},
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
watch: {
|
|
172
|
+
|
|
173
|
+
loggedIn () {
|
|
174
|
+
|
|
175
|
+
alert('変わった！！！');
|
|
176
|
+
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
endpointsのuserのコールバック的なのか必要なのだけど、どのようにすればいいのか。。。
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
引き続き募集します。
|
|
188
|
+
|
|
189
|
+
よろしくお願いします。
|