Angularhttpinterceptors拦截器怎么用-创新互联

小编给大家分享一下Angular http interceptors拦截器怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

黎平网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联公司自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

AngularJS 简介

AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。

拦截器

在开始创建拦截器之前，一定要了解 $q和延期承诺api

出于全局错误处理，身份验证或请求的任何同步或异步预处理或响应的后处理目的，希望能够在将请求移交给服务器之前拦截请求，并在将请求移交给服务器之前将响应拦截发起这些请求的应用程序代码-拦截器利用promise api满足同步和异步预处理的需求。

拦截器是$httpProvider通过将它们添加到$httpProvider.interceptors数组而向其注册的服务工厂。调用工厂并注入依赖项（如果指定），并返回拦截器。

有两种拦截器（和两种拒绝拦截器）：

request：拦截器通过http config对象调用。该函数可以自由修改config对象或创建新对象。函数需要config直接返回对象，或者包含config或新config对象的Promise。
requestError：当先前的拦截器抛出错误或被拒绝解决时，拦截器将被调用。
response：拦截器通过http response对象调用。该函数可以自由修改response对象或创建新对象。函数需要response直接返回对象，或者作为包含response或新response对象的承诺。
responseError：当先前的拦截器抛出错误或被拒绝解决时，拦截器将被调用。

// register the interceptor as a service
$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
 return {
  // optional method
  'request': function(config) {
   // do something on success
   return config;
  },
  // optional method
  'requestError': function(rejection) {
   // do something on error
   if (canRecover(rejection)) {
    return responseOrNewPromise
   }
   return $q.reject(rejection);
  },
  // optional method
  'response': function(response) {
   // do something on success
   return response;
  },
  // optional method
  'responseError': function(rejection) {
   // do something on error
   if (canRecover(rejection)) {
    return responseOrNewPromise
   }
   return $q.reject(rejection);
  }
 };
});
$httpProvider.interceptors.push('myHttpInterceptor');
// alternatively, register the interceptor via an anonymous factory
$httpProvider.interceptors.push(function($q, dependency1, dependency2) {
 return {
  'request': function(config) {
    // same as above
  },
  'response': function(response) {
    // same as above
  }
 };
});

此处有一个坑，在push时，提示未定义拦截器，因为$httpProvider在config 拦截器时,拦截器service 还不能找到，

可以将拦截器service 定义在config依赖的模块中使用。

以上是“Angular http interceptors拦截器怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文标题：Angularhttpinterceptors拦截器怎么用-创新互联
网址分享：https://www.cdcxhl.com/article46/decchg.html

成都网站建设公司_创新互联，为您提供营销型网站建设、静态网站、品牌网站制作、定制网站、网站维护、全网营销推广

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容