Angular 5中能否注册多个HTTP拦截器？是否会互相覆盖？

完全可行！你修改后的配置是正确的，根本不会覆盖原有拦截器，它们会像管道里的节点一样按顺序协作，共同处理HTTP请求和响应。

先拆解下Angular拦截器的核心机制： #

• Angular的HTTP_INTERCEPTORS是一个多提供者（multi: true），这意味着它支持同时注册多个拦截器类，所有符合配置的拦截器会被收集成一个执行数组。
• 请求发出时，会严格按照你在providers里注册的先后顺序，依次经过每个拦截器的intercept方法；当响应返回时，则会按照相反的顺序反向处理（类似洋葱模型）。
• 每个拦截器可以选择修改请求/响应、把请求传递给下一个拦截器，或者在必要时直接返回Observable终止流程（比如处理错误场景），正常情况下都是协作增强功能的。

再看你的配置变化： #

你原来的配置里把AuthenticationInterceptor直接丢在providers数组里，这其实是无效的——拦截器必须通过{ provide: HTTP_INTERCEPTORS, useClass: ..., multi: true }的方式注册，否则Angular根本不会把它当成HTTP拦截器启用。

而你修改后的配置完全正确：

providers: [
  { 
    provide: HTTP_INTERCEPTORS, 
    useClass: CustomInterceptor, // 原有拦截器
    multi: true 
  }, 
  AuthGuard, 
  AuthService, 
  { 
    provide: HTTP_INTERCEPTORS, 
    useClass: AuthenticationInterceptor, // 你的新拦截器
    multi: true 
  }
],

这个配置会让两个拦截器同时生效：请求会先经过CustomInterceptor处理，再传到AuthenticationInterceptor；响应则会先经过AuthenticationInterceptor，再回到CustomInterceptor，完全是管道式的协作，绝对不会互相抵消。

验证小技巧： #

你可以在两个拦截器的intercept方法里分别加日志，比如：

// CustomInterceptor 中
console.log('CustomInterceptor 正在处理请求');

// AuthenticationInterceptor 中
console.log('AuthenticationInterceptor 正在处理请求');

发起一个HTTP请求后查看控制台输出，就能直观看到它们的执行顺序，确认两个拦截器都在正常工作啦。

内容的提问来源于stack exchange，提问作者mohammad rostami siahgeli