angular 用拦截器统一处理http请求和响应 比如加token
2017-06-07 19:08
525 查看
想使用angularjs里的htpp向后台发送请求,现在有个用户唯一识别的token想要放到headers里面去,也就是{headres:{'token':1}}
index.html里引入以下js:
在app里注入factory后,在config里面配置
如果你的代码并未做拆分,可以直接在config里面写拦截器
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); }])
如果你的代码并未做拆分,可以直接在config里面写拦截器
$httpProvider.interceptors.push(['$q','$injector','$localStorage',function ($q,$injector,$localStorage) { var httpInterceptor = { 'responseError' : function(response) { // todo... 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.ut = $localStorage.token; //把你登录接口返回给你的token存到$localStorage里面,在这里取就好了 // config.headers['X-Access-Token'] = $localStorage.token; }; return config || $q.when(config); // return config; }, 'requestError' : function(config){ // todo... return $q.reject(config); } }; return httpInterceptor; }]);
相关文章推荐
- angular 用拦截器统一处理http请求和响应的方法
- axios使用拦截器统一处理所有的http请求
- 详解AngularJS用Interceptors来统一处理HTTP请求和响应
- Spring方法拦截器MethodInterceptor和AOP统一处理log
- 如何处理异步事件的回调,比如http请求。
- AngularJs HTTP响应拦截器实现登陆、权限校验
- jfinal统一的异常及日志处理的拦截器
- Angular统一拦截器(httpInterceptor)
- 使用方法拦截器MethodInterceptor和AOP统一处理log (Spring的拦截器 对方法进行拦截 ))
- 处理Http请求Gzip格式响应
- Scoket 处理HTTP请求响应(转)
- spring boot - cloud (二) 规范响应格式以及统一异常处理
- Scoket 处理HTTP请求响应
- spring boot / cloud (二) 规范响应格式以及统一异常处理
- android,retrofit,okhttp,日志拦截器,使用拦截器Interceptor统一打印请求与响应的json
- 使用方法拦截器MethodInterceptor和AOP统一处理log
- 关于servlet处理http请求和响应原理的前序和思考
- Scoket模拟HTTP请求响应的处理
- Play Framework Web开发教程(16): 处理HTTP请求和响应
- springMVC拦截器、json转换器、统一异常处理在配置文件中配置