這篇文章主要為大家展示了“在AngularJs中如何設(shè)置請求頭信息(headers)”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“在AngularJs中如何設(shè)置請求頭信息(headers)”這篇文章吧。
創(chuàng)新互聯(lián)公司是一家專業(yè)提供匯川企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為匯川眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
在AngularJs中有三種方式可以設(shè)置請求頭信息:
1、在http服務(wù)的在服務(wù)端發(fā)送請求時(shí),也就是調(diào)用
http服務(wù)的在服務(wù)端發(fā)送請求時(shí),也就是調(diào)用
http()方法時(shí),在config對(duì)象中設(shè)置請求頭信息:事例如下:
$http.post('/somePath' , someData , { headers : {'Authorization' : authToken} }).success(function(data, status, headers, config) { //... }).error(function(data, status, headers, config ) { //... });
這種方法的好處就是針對(duì)不同路徑的請求,可以個(gè)性化配置請求頭部,缺點(diǎn)就是,不同路徑請求都需要單獨(dú)配置。
2、第二種設(shè)置請求頭信息的方式就是在$httpProvider.defaults.headers屬性上直接配置。事例如下:
ngular.module('app', []) .config(function($httpProvider) { $httpProvider.defaults.headers.common = { 'My-Header' : 'value' } })
$httpProvider.defaults.headers
有不同的屬性,如common、get、post、put等。因此可以在不同的http請求上面添加不同的頭信息,common是指所有的請求方式。
這種方式添加請求頭信息的優(yōu)勢就是可以給不同請求方式添加相同的請求頭信息,缺點(diǎn)就是不能夠?yàn)槟承┱埱髉ath添加個(gè)性化頭信息。
3、第三種設(shè)置請求頭信息的地方是$httpProvider.interceptors。也就是為請求或相應(yīng)注冊一個(gè)攔截器。使用這這方式我們首先需要定義一個(gè)服務(wù)。
myModule.factory('authInterceptor', function($rootScope, $cookies){ return { request: function(config){ config.headers = config.headers || {}; if($cookies.get('token')){ config.headers.authorization = 'Bearer ' + $cookies.get('token'); } return config; }, responseError: function(response){ // ... } }; })
然后把上面定義的服務(wù)注冊到$httpProvider.interceptors中。
.config(function($httpProvider){ $httpProvider.interceptors.push('authInterceptor'); })
這樣,對(duì)于每次請求,不論是get還是post、put。我們都會(huì)在請求頭信息中加入authorization屬性。這種方式在處理驗(yàn)權(quán)、授權(quán)方面很有用的。但是確定就是不能夠?yàn)樘囟ǖ恼埱蠓绞教砑诱埱箢^信息。
上面總共有三種方式設(shè)置頭信息,選擇那種方式可以根據(jù)自己的需求。
以上是“在AngularJs中如何設(shè)置請求頭信息(headers)”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站欄目:在AngularJs中如何設(shè)置請求頭信息(headers)
當(dāng)前地址:http://muchs.cn/article30/pgodso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、面包屑導(dǎo)航、網(wǎng)站建設(shè)、搜索引擎優(yōu)化、虛擬主機(jī)、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)