私は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"}
ここには私のブラウザのネットワーク タブがあり、他のすべてのフィールドが表示されていることがわかります。
最高。
ベストアンサー1
CORS リクエストの場合、ブラウザはデフォルトで次の応答ヘッダーにのみアクセスできます。
- キャッシュ制御
- コンテンツ言語
- コンテンツタイプ
- 期限切れ
- 最終更新日
- プラグマ
クライアントアプリが他のヘッダーにアクセスできるようにするには、アクセス制御公開ヘッダーサーバー上のヘッダー:
Access-Control-Expose-Headers: Access-Token, Uid