解決 Axios 無法取得後端返回的 Response Header｜Javascript｜Axios｜伊恩踩坑筆記

以下拿 Axios 為例子

假設我今天做一個登入的功能，返回 Token 時我想讓它塞在 Header 讓前端抓取，這時候會發生一個有趣的問題，就是我只能抓到幾個固定的參數，後端塞在 Header 的 Token 參數卻沒有被 Axios 抓到

以上是 Axios 實際抓到的 Response Header

原因是瀏覽器默認只會返回以下表頭（依據瀏覽器可能會有變化）

• cache-control
• content-length
• content-type
• expires
• pragma

如果要順利的從後端返回參數給前端抓取使用，則必須從後端增加以下參數

以 Java 為例

response.addHeader("Access-Control-Expose-Headers", "token");

就可以順利抓到表頭參數了

ING Design 応設計
https://www.theingdesign.com/