angular 用拦截器统一处理http请求和响应比如加token

想使用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);
}])

如果你的代码并未做拆分，可以直接在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;}]);

转载于:https://www.cnblogs.com/cynthia-wuqian/p/6958659.html

angular 用拦截器统一处理http请求和响应比如加token相关推荐

vue项目中 axios请求拦截器与取消pending请求功能 - 年少、 - 博客园
在开发vue项目中,请求是不可缺少的,在发送请求时常常需要统一处理一些请求头参数等设置与响应事件,这时利用请求拦截器再好不过. 这里以axios请求为例实现了设置统一请求头添加token, 其中to ...
拦截器获取请求参数post_SpringBoot拦截器如何获取http请求参数
1.1.获取http请求参数是一种刚需我想有的小伙伴肯定有过获取http请求的需要,比如想前置获取参数,统计请求数据做服务的接口签名校验敏感接口监控日志敏感接口防重复提交等等各式各样的场景 ...
springboot拦截请求路径_SpringBoot拦截器如何获取http请求参数
1.1.获取http请求参数是一种刚需我想有的小伙伴肯定有过获取http请求的需要,比如想前置获取参数,统计请求数据做服务的接口签名校验敏感接口监控日志敏感接口防重复提交等等各式各样的场景 ...
Android Retrofit通过OkHttp设置Interceptor拦截器统一打印请求报文及返回报文
我们先定义一个打印报文的拦截器,继承Interceptor public class LogInterceptor implements Interceptor {private static fin ...
AJAX，SpringMVC，拦截器（Ajax发送请求经过SpringMVC拦截器重定向其他页面失败）
Ajax发送请求经过SpringMVC拦截器重定向其他页面失败借鉴出处 Ajax是通过异步请求后台,获取数据,局部刷新页面,因此,即使后台进行页面跳转的编码,前台请求完毕以后,只会执行ajax的回 ...
vue 项目 axios 响应拦截器统一判断401 (登录)过期
背景: 为了模拟token 过期,专门把token 设置错误,为401 界面把axios 官网里的复制到拦截器里放置到request.js 里在响应器里进行判断4**, 5** 状态码错误 ...
jboot 在拦截器中如何获取请求的IP地址
1024祝所有程序员程序节日快乐,无BUG,不秃头,QAQ public void intercept(Invocation inv) {JbootController c = (JbootContr ...
axios拦截器_78.1K 的 Axios 项目有哪些值得借鉴的地方
Axios 是一个基于 Promise 的 HTTP 客户端,同时支持浏览器和 Node.js 环境.它是一个优秀的 HTTP 客户端,被广泛地应用在大量的 Web 项目中. 由上图可知,Axios ...
浅谈axios.interceptors拦截器
一.引言: 拦截器顾名思义就是对请求的拦截,分别为请求拦截器和响应拦截器, 执行顺序: 请求拦截器 -> api请求 -> 响应拦截器. axios实现这个拦截器机制如下: ...

angular 用拦截器统一处理http请求和响应比如加token

angular 用拦截器统一处理http请求和响应比如加token相关推荐

最新文章

热门文章

angular 用拦截器统一处理http请求和响应 比如加token

angular 用拦截器统一处理http请求和响应 比如加token相关推荐

最新文章

热门文章

angular 用拦截器统一处理http请求和响应比如加token

angular 用拦截器统一处理http请求和响应比如加token相关推荐