Vuejs之a(chǎn)xios獲取Http響應(yīng)頭

Berwin 發(fā)布于2019-08-20 15:55 / 1923人閱讀

摘要：今天在開始接入后端就遇到了一個問題了在用獲取時候獲取到的只有的下面是服務(wù)器返回的響應(yīng)頭，我需要拿到的是使用拿到的只用兩個默認(rèn)的嘗試了使用捕獲響應(yīng)頭的方法結(jié)果打印出來的還是找了半天問題，后面的在一個論壇找到了解決方法原來在默認(rèn)的請

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

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

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

下面是服務(wù)器返回的響應(yīng)頭，我需要拿到的是 Authorization

使用 respose.headers 拿到的只用兩個默認(rèn)的headers, 嘗試了使用捕獲響應(yīng)頭的方法

   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);
    });

結(jié)果打印出來的還是

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

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

原來在默認(rèn)的請求上，瀏覽器只能訪問以下默認(rèn)的響應(yīng)頭

Cache-Control

Content-Language

Content-Type

Expires

Last-Modified

Pragma

如果想讓瀏覽器能訪問到其他的響應(yīng)頭的話需要在服務(wù)器上設(shè)置 Access-Control-Expose-Headers

Access-Control-Expose-Headers : "Authorization"

前端成功獲取Authorization

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/82582.html

相關(guān)文章

Vuejs之axios獲取Http響應(yīng)頭

摘要：今天在開始接入后端就遇到了一個問題了在用獲取時候獲取到的只有的下面是服務(wù)器返回的響應(yīng)頭，我需要拿到的是使用拿到的只用兩個默認(rèn)的嘗試了使用捕獲響應(yīng)頭的方法結(jié)果打印出來的還是找了半天問題，后面的在一個論壇找到了解決方法原來在默認(rèn)的請今天在開始接入后端Api 就遇到了一個問題了在用 axios 獲取 respose headers 時候獲取到的只有的 Object { cach...

gougoujiang 2019-06-27 16:15 評論0 收藏0
vue開發(fā)項目完全指南

摘要：有兩種方法，一種是在開發(fā)環(huán)境中設(shè)置通過的，另一種是在服務(wù)器上修改的配置設(shè)置。這樣我們以后使用訪問接口就可以不加了，打包后訪問也不用手動去除統(tǒng)一管理在項目開發(fā)過程中，會涉及到很多接口的處理，當(dāng)項目足夠大時，就需要統(tǒng)一管理接口。這篇文章總結(jié)了vue項目的所遇到的問題，包括跨域、用戶認(rèn)證、接口統(tǒng)一管理、路由配置、兼容性處理，性能優(yōu)化等內(nèi)容。項目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 評論0 收藏0
急速JavaScript全棧教程

摘要：使用訪問后端服務(wù)使用的美化組件的方法整合全棧服務(wù)其中的指的是。所幸是在這個教程內(nèi)，你不需要學(xué)習(xí)太多就可以把案例跑起來。另外一個組件負(fù)責(zé)顯示全部項目，并接受刪除事件，刪除指定的項目。它們分別是組件和組件這兩個組件的代碼實現(xiàn)，分別在文件和內(nèi)。自從一年前發(fā)布了Vuejs小書的電子書，也有些日子沒有碰過它們了，現(xiàn)在因為項目的緣故，需要使用JavaScript全棧開發(fā)。所以，我得把這個全棧環(huán)境...

xingqiba 2019-06-26 17:46 評論0 收藏0
急速JavaScript全棧教程

摘要：使用訪問后端服務(wù)使用的美化組件的方法整合全棧服務(wù)其中的指的是。所幸是在這個教程內(nèi)，你不需要學(xué)習(xí)太多就可以把案例跑起來。另外一個組件負(fù)責(zé)顯示全部項目，并接受刪除事件，刪除指定的項目。它們分別是組件和組件這兩個組件的代碼實現(xiàn)，分別在文件和內(nèi)。自從一年前發(fā)布了Vuejs小書的電子書，也有些日子沒有碰過它們了，現(xiàn)在因為項目的緣故，需要使用JavaScript全棧開發(fā)。所以，我得把這個全棧環(huán)境...

騫諱護 2019-08-26 12:18 評論0 收藏0
Vue.js學(xué)習(xí)

摘要：一基礎(chǔ)學(xué)習(xí)模式下圖不僅概括了模式，還描述了在中是如何和以及進行交互的。關(guān)于這一點我們將在后續(xù)反應(yīng)系統(tǒng)中討論。父組件通過向下傳遞數(shù)據(jù)給子組件，子組件通過給父組件發(fā)送消息。這個對象必須是普通對象原生對象，及原型屬性會被忽略。 Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。其實和Jquery一樣...

TIGERB 2019-08-21 14:15 評論0 收藏0