在AngularJs中设置请求头信息(headers)的方法及不同
在AngularJs中有三种方式可以设置请求头信息:
1、在http服务的在服务端发送请求时,也就是调用
http服务的在服务端发送请求时,也就是调用
http()方法时,在config对象中设置请求头信息:事例如下:
$http.post('/somePath' , someData , { headers : {'Authorization' : authToken} }).suess(function(data, status, headers, config) { //... }).error(function(data, status, headers, config ) { //... });
这种方法的好处就是针对不同路径的请求,可以个性化配置请求头部,缺点就是,不同路径请求都需要单独配置。
2、第二种设置请求头信息的方式就是在$httpProvider.defaults.headers属性上直接配置。事例如下:
ngular.module('app', []) .config(function($httpProvider) { $httpProvider.defaults.headers.mon = { 'My-Header' : 'value' } })
$httpProvider.defaults.headers
有不同的属性,如mon、get、post、put等。因此可以在不同的http请求上面添加不同的头信息,mon是指所有的请求方式。
这种方式添加请求头信息的优势就是可以给不同请求方式添加相同的请求头信息,缺点就是不能够为某些请求path添加个性化头信息。
3、第三种设置请求头信息的地方是$httpProvider.interceptors。也就是为请求或相应注册一个拦截器。使用这这方式我们首先需要定义一个服务。
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){ // ... } }; })
然后把上面定义的服务注册到$httpProvider.interceptors中。
.config(function($httpProvider){ $httpProvider.interceptors.push('authInterceptor'); })
这样,对于每次请求,不论是get还是post、put。我们都会在请求头信息中加入authorization属性。这种方式在处理验权、授权方面很有用的。但是确定就是不能够为特定的请求方式添加请求头信息。
上面总共有三种方式设置头信息,选择那种方式可以根据自己的需求。
总结
以上所述是长沙网络推广给大家介绍的在AngularJs中设置请求头信息(headers)的方法及不同方法的比较,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程