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

gougoujiang 發(fā)布于2019-06-27 16:15 / 1041人閱讀

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

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

在用 axios 獲取 respose headers 時(shí)候獲取到的只有的

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

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

使用 respose.headers 拿到的只用兩個(gè)默認(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"
}

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

原來在默認(rèn)的請(qǐng)求上，瀏覽器只能訪問以下默認(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/22811.html

相關(guān)文章

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

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

Berwin 2019-08-20 15:55 評(píng)論0 收藏0
vue開發(fā)項(xiàng)目完全指南

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

leoperfect 2019-08-23 16:16 評(píng)論0 收藏0
急速JavaScript全棧教程

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

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

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

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

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

TIGERB 2019-08-21 14:15 評(píng)論0 收藏0