在AngularJs中設(shè)置請求頭信息(headers)的方法及不同方法的比較
在AngularJs中有三種方式可以設(shè)置請求頭信息：
1、在http服務(wù)的在服務(wù)端發(fā)送請求時，也就是調(diào)用
http服務(wù)的在服務(wù)端發(fā)送請求時，也就是調(diào)用
http()方法時，在config對象中設(shè)置請求頭信息：事例如下：
$http.post('/somePath' , someData , {
headers : {'Authorization' : authToken}
}).success(function(data, status, headers, config) {
//...
}).error(function(data, status, headers, config ) {
//...
});
這種方法的好處就是針對不同路徑的請求，可以個性化配置請求頭部，缺點就是，不同路徑請求都需要單獨配置。
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)勢就是可以給不同請求方式添加相同的請求頭信息，缺點就是不能夠為某些請求path添加個性化頭信息。
3、第三種設(shè)置請求頭信息的地方是$httpProvider.interceptors。也就是為請求或相應(yīng)注冊一個攔截器。使用這這方式我們首先需要定義一個服務(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');
})
這樣，對于每次請求，不論是get還是post、put。我們都會在請求頭信息中加入authorization屬性。這種方式在處理驗權(quán)、授權(quán)方面很有用的。但是確定就是不能夠為特定的請求方式添加請求頭信息。
上面總共有三種方式設(shè)置頭信息，選擇那種方式可以根據(jù)自己的需求。
總結(jié)
以上所述是小編給大家介紹的在AngularJs中設(shè)置請求頭信息(headers)的方法及不同方法的比較，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
angularjs實現(xiàn)過濾并替換關(guān)鍵字小功能
這篇文章主要為大家詳細(xì)介紹了angularjs實現(xiàn)過濾并替換關(guān)鍵字小功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了AngularJS入門教程之Helloworld示例,結(jié)合Helloworld入門示例分析了AngularJS的功能、原理、MVC框架、數(shù)據(jù)綁定與相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
本文介紹了其在AtScript、改善依賴入駐、Annotations、路由方案等方面的改變。雖然不知道打破原有是否是件好事，不過由于不向后兼容，我們需要為遷移做好計劃2016-02-02
Angular 2.0+ 的數(shù)據(jù)綁定的實現(xiàn)示例
本篇文章主要介紹了Angular 2.0+ 的數(shù)據(jù)綁定的實現(xiàn)實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家介紹了Angular?項目路徑添加指定的訪問前綴方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Angularjs中ng-repeat-start與ng-repeat-end的用法實例介紹
這篇文章主要給大家介紹了Angularjs中ng-repeat-start與ng-repeat-end的用法，文章開始先進(jìn)行了簡單的介紹，而后通過完整的實例代碼詳細(xì)給大家介紹這兩者的用法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12
angularJS與bootstrap結(jié)合實現(xiàn)動態(tài)加載彈出提示內(nèi)容
這篇文章主要介紹了angularJS與bootstrap結(jié)合實現(xiàn)動態(tài)加載彈出提示內(nèi)容,通過bootstrp彈出提示。感興趣的朋友可以參考下本篇文章2015-10-10
經(jīng)歷了 6 個 RC 版本之后，Angular 發(fā)布了 4.0.0 正式版。下面這篇文章主要給大家介紹了關(guān)于Web前端框架Angular4.0.0 正式版發(fā)布的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友們下面來一起看看吧。2017-03-03
這篇文章主要介紹了AngularJS入門教程之AngularJS模型的相關(guān)資料,需要的朋友可以參考下2016-04-04
本篇文章主要介紹了AngularJS手勢事件的使用總結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08