[解決済み】Axiosが応答ヘッダーフィールドにアクセスできるようになる
2022-04-02 22:17:53
質問
ReactとReduxを使ってフロントエンドアプリを作っているのですが、その際に アクシオス を使用してリクエストを実行します。レスポンスのヘッダーにあるすべてのフィールドにアクセスできるようにしたい。ブラウザでヘッダーを検査すると、私が必要とするすべてのフィールドが存在することがわかります(トークン、uidなど...)。
const request = axios.post(`${ROOT_URL}/auth/sign_in`, props);
request.then((response)=>{
console.log(response.headers);
});
私はちょうど
Object {content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate"}
ブラウザのネットワークタブを見ると、他のフィールドはすべて存在していることがわかります。
ベスト
解決方法は?
CORSリクエストの場合、ブラウザはデフォルトで以下のレスポンスヘッダーにしかアクセスできません。
- キャッシュコントロール
- コンテンツ言語
- コンテンツタイプ
- 有効期限
- 最終更新日
- プラグマ
クライアントアプリから他のヘッダにアクセスできるようにしたい場合は、クライアントアプリに アクセス制御-公開-ヘッダ ヘッダをサーバに送信します。
Access-Control-Expose-Headers: Access-Token, Uid
関連
-
[解決済み] 403 Forbiddenと401 UnauthorizedのHTTPレスポンスの比較
-
[解決済み] cURL呼び出しによるHTTPリクエストを使用してヘッダーを送信する方法は?
-
[解決済み] Google ChromeでHTTPヘッダーを表示するにはどうすればよいですか?
-
[解決済み] AxiosのHTTPエラーからステータスコードを取得するにはどうすればよいですか?
-
[解決済み】HTTPヘッダーの "Content-Length "フィールドとは?
-
[解決済み】Axiosが応答ヘッダーフィールドにアクセスできるようになる
-
[解決済み】axios の POST リクエストでヘッダーを渡す
-
[解決済み] .then()チェーンで以前のプロミス結果にアクセスするにはどうすればよいですか?
-
[解決済み] クロスオリジンリクエストにCookieを設定する
-
[解決済み] HTTPレスポンスヘッダの重複は許容されますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] mp3ダウンロードのレスポンスのためのコンテンツタイプ
-
[解決済み] 403 Forbiddenと401 UnauthorizedのHTTPレスポンスの比較
-
[解決済み] Google ChromeでHTTPヘッダーを表示するにはどうすればよいですか?
-
[解決済み] httpマルチパートリクエストとは何ですか?
-
[解決済み】HTTPヘッダーの "Content-Length "フィールドとは?
-
[解決済み】Axiosが応答ヘッダーフィールドにアクセスできるようになる
-
[解決済み】express.jsのアセットでレスポンスヘッダーを設定する方法
-
[解決済み】Access-Control-Allow-Credentialsヘッダーは、具体的に何をするのでしょうか?
-
[解決済み] HTTPヘッダにはどのような文字エンコーディングを使用すればよいですか?
-
[解決済み] HTTPレスポンスヘッダの重複は許容されますか?