質問編集履歴
3
vue
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
2
追記
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Appllo+Nuxtで
|
|
1
|
+
Appllo+NuxtでLocalStorageのjwtをリクエストヘッダーに動的に追加したい
|
test
CHANGED
|
@@ -1,36 +1,24 @@
|
|
|
1
1
|
### 困ったこと
|
|
2
2
|
|
|
3
|
+
1. ログイン処理でLocalStorageにjwtをsetItem()
|
|
4
|
+
|
|
3
|
-
|
|
5
|
+
2. 別ページでjwtをリクエストヘッダーに含めてリクエストしたいが含まれない
|
|
6
|
+
|
|
7
|
+
|
|
4
8
|
|
|
5
9
|
apolloの初期設定でリクエストヘッダーが固定されている？
|
|
6
10
|
|
|
7
11
|
|
|
8
12
|
|
|
9
|
-
|
|
13
|
+
LocalStorageの値が変わったら動的にリクエストヘッダーの値を変える方法があればご教授いただきたいです。
|
|
14
|
+
|
|
15
|
+
あるいはQueryを叩くときにリクエストヘッダーを指定する方法でも可能だと思います。
|
|
10
16
|
|
|
11
17
|
|
|
12
18
|
|
|
13
19
|
|
|
14
20
|
|
|
15
21
|
### ソースコード
|
|
16
|
-
|
|
17
|
-
ログイン処理
|
|
18
|
-
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
function login() {
|
|
22
|
-
|
|
23
|
-
hogehoge().then((jwt) => {
|
|
24
|
-
|
|
25
|
-
localStorage.setItem("jwt", jwt);
|
|
26
|
-
|
|
27
|
-
})
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
|
|
34
22
|
|
|
35
23
|
nuxt.config.js
|
|
36
24
|
|
|
@@ -120,6 +108,56 @@
|
|
|
120
108
|
|
|
121
109
|
|
|
122
110
|
|
|
111
|
+
ログイン処理
|
|
112
|
+
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
function login() {
|
|
116
|
+
|
|
117
|
+
hogehoge().then((jwt) => {
|
|
118
|
+
|
|
119
|
+
localStorage.setItem("jwt", jwt);
|
|
120
|
+
|
|
121
|
+
})
|
|
122
|
+
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
Queryを叩く
|
|
130
|
+
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
async piyo() {
|
|
134
|
+
|
|
135
|
+
const { data } = await this.$apollo.query({
|
|
136
|
+
|
|
137
|
+
query: PIYO_QUERY
|
|
138
|
+
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
### 確認したこと
|
|
148
|
+
|
|
149
|
+
- ログイン処理でjwtは取得できている
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
- 検証ツールのApplication>Storage>Local Storageにjwtは存在する
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
- NetworkのRequest Headers>authorizationは`Bearer `になってしまう(`Bearer xxxxx`にしたい)
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
123
161
|
### 補足情報（FW/ツールのバージョンなど）
|
|
124
162
|
|
|
125
163
|
|
1
ログイン処理追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ApplloでlocalStorageのjwtを
|
|
1
|
+
Appllo+NuxtでlocalStorageのjwtをリクエストヘッダーに動的に追加したい
|
test
CHANGED
|
@@ -1,18 +1,36 @@
|
|
|
1
1
|
### 困ったこと
|
|
2
2
|
|
|
3
|
-
ログイン処理でlocalStorageにjwtをsetItem→別ページでjwtを
|
|
3
|
+
ログイン処理でlocalStorageにjwtをsetItem→別ページでjwtをリクエストヘッダーに含めてリクエストしたいが含まれない。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
apolloの初期設定でリクエストヘッダーが固定されている？
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
localStorageの値が変わったら動的に
|
|
9
|
+
localStorageの値が変わったら動的にリクエストヘッダーの値を変える方法があればご教授いただきたいです。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
### ソースコード
|
|
16
|
+
|
|
17
|
+
ログイン処理
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
function login() {
|
|
22
|
+
|
|
23
|
+
hogehoge().then((jwt) => {
|
|
24
|
+
|
|
25
|
+
localStorage.setItem("jwt", jwt);
|
|
26
|
+
|
|
27
|
+
})
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
|
|
16
34
|
|
|
17
35
|
nuxt.config.js
|
|
18
36
|
|