首頁 > 其他

angular學習筆記(二十四)-$http(2)-設定http要求標頭

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style   blog   http   color   使用   io   2014   cti   

1. angular預設的要求標頭:

其中,Accept 和 X-Requested-With是$http內建的預設配置

 

2. 修改預設要求標頭:

   (1) 全域修改(整個模組)

        使用$httpProvider依賴

        var myApp = angular.module(‘MyApp‘,[]);        myApp.config(function($httpProvider){             console.log($httpProvider.defaults.headers.common)                          //修改/操作$httpProvider.defaults.headers.common對象的屬性以改變$http的預設要求標頭配置
        })

        *注意,只能操作 $httpProvider.defaults.headers.common 才有效,直接操作$httpProvider.defaults.headers是無效的.

   (2)  特定請求修改(某個http請求)

         直接在$http(config)的config參數中的headers項進行配置

 

demo: 

html:

<!DOCTYPE html><html ng-app = ‘HttpGet‘><head>  <title>18.2 $http(1)</title>  <meta charset="utf-8">  <script src="angular.js"></script>  <script src="script.js"></script></head><body><div ng-controller = "dataController">  <span>{{data}}</span></div></body></html>

 

nodejs:

var express = require(‘express‘);var app = express();app.use(express.static(__dirname+‘‘));var data = ‘angularjs中的$http.get‘;app.get(‘/api/user‘,function(req,res){    res.send(data)});app.listen(3000);

(1).通過$httpProvider對整個模組的$http要求標頭進行修改:

var httpGet = angular.module(‘HttpGet‘,[]);httpGet.config(function($httpProvider){
    console.log($httpProvider.defaults.headers)
    //刪除後要求標頭裡不再有 X-Requested-With 屬性    delete $httpProvider.defaults.headers.common[‘X-Requested-With‘];
    //為要求標頭添加Authorization屬性為‘code_bunny‘  
    $httpProvider.defaults.headers.common[‘Authorization‘] = ‘code_bunny‘;
});httpGet.factory(‘getData‘,function($http,$q){    return function(){        var defer = $q.defer();        $http({            method:‘get‘,            url:‘/api/user‘        }).success(function(data,status,headers,config){            defer.resolve(data);        }).error(function(data,status,headers,config){            defer.reject(data)        });        return defer.promise    }});httpGet.controller(‘dataController‘,function($scope,getData){    $scope.data = getData()});

(2).通過$http(config)的config參數對該請求的要求標頭進行配置:

var httpGet = angular.module(‘HttpGet‘,[]);httpGet.factory(‘getData‘,function($http,$q){    return function(){        var defer = $q.defer();        $http({            method:‘get‘,            url:‘/api/user‘,            headers: {‘Authorization‘:‘code_bunny‘}  //要求標頭裡會添加Authorization屬性為‘code_bunny‘        }).success(function(data,status,headers,config){            defer.resolve(data);        }).error(function(data,status,headers,config){            defer.reject(data)        });        return defer.promise    }});httpGet.controller(‘dataController‘,function($scope,getData){    $scope.data = getData()});

 

完整代碼地址: 

*注: 書上說到可以通過$httpProvider.defaults.headers.get[‘DNT‘]=‘1‘,來設定不追蹤使用者瀏覽資訊,但實際嘗試後發現是報錯的. 

  

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More