くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Axiosでカスタムレスポンスヘッダを取得するときは、`Access-Control-Expose-Headers`を指定する

APIで独自のレスポンスヘッダをつけたら、
Axiosでうまく取得できなかった。。

以下の記事を見ると、
Axiosでレスポンスヘッダが取得できなかった (CORSなAPI) - キリウ君が読まないノート
es6 promise - Axios get access to response header fields - Stack Overflow

どうやらCORSなWebAPIの場合、ブラウザ側で扱えるレスポンスヘッダの名称を、
Access-Control-Expose-Headersヘッダで明示的に指定する必要があるようです。

とのこと。

APIでカスタムレスポンスヘッダで使う場合は、
Access-Control-Expose-Headersにつかうヘッダ名を指定しないといけないらしい。

以上!!

参考にしたサイト様