Vuejs之axios獲取Http響應頭

今天在開始接入後端Api 就遇到了一個問題了

在用 axios 獲取 respose headers 時候獲取到的只有的

Object {
    cache-control:"private, must-revalidate",
    content-type:"application/json"
}

下面是服務器返回的響應頭， 我須要拿到的是 Authorization

使用 respose.headers 拿到的只用兩個默認的headers, 嘗試了使用捕獲響應頭的方法

axios.interceptors.response.use(function (response) {
        // Do something with response data
        console.log(response);
        return response;
    }, function (error) {
        // Do something with response error
        return Promise.reject(error);
    });

結果打印出來的仍是

Object {
    cache-control:"private, must-revalidate",
    content-type:"application/json"
}

找了半天問題， 後面的在一個論壇找到了解決方法

原來在默認的請求上， 瀏覽器只能訪問如下默認的 響應頭

• Cache-Control

• Content-Language

• Content-Type

• Expires

• Last-Modified

• Pragma

若是想讓瀏覽器能訪問到其餘的 響應頭的話 須要在服務器上設置 Access-Control-Expose-Headers

Access-Control-Expose-Headers : 'Authorization'

前端成功獲取Authorization

原文地址 ：http://stackoverflow.com/ques...