首页 / ANGULAR / angular用拦截器统一处理http请求和响应实例代码

angular用拦截器统一处理http请求和响应实例代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了angular用拦截器统一处理http请求和响应实例代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1078字，纯文字阅读大概需要2分钟。

内容图文

想使用angularjs里的htpp向后台发送请求,现在有个用户唯一识别的token想要放到headers里面去，也就是{headres:{'token':1}}

index.html里引入以下js:

angular.module('app.factorys',[])
    .factory('httpInterceptor',['$q','$injector','$localStorage',function ($q,$injector,$localStorage) {var httpInterceptor = {'responseError' : function(response) {// ......return $q.reject(response);
            },'response' : function(response) {if (response.status == 21000) {// console.log('do something...');                }return response || $q.when(response);
            },'request' : function(config) {
                config.headers = config.headers || {};if ($localStorage.token) {
                    config.headers.token = $localStorage.token;// config.headers['X-Access-Token'] = $localStorage.token;                };return config || $q.when(config);return config;
            },'requestError' : function(config){// ......return $q.reject(config);
            }
        };return httpInterceptor;
    }])

在app里注入factory后，在config里面配置

.config(['$httpProvider',function(){
    $httpProvider.interceptors.push(httpInterceptor);
}])

以上就是angular用拦截器统一处理http请求和响应实例代码的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的angular用拦截器统一处理http请求和响应实例代码全部内容，希望文章能够帮你解决angular用拦截器统一处理http请求和响应实例代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/301040.html

来源：【匿名】