angularjs - 如何使用 angular2 拦截 http 错误？

Question

有没有类似于angular 1.x的Interceptor API的API？

我希望能够在应用程序启动时添加拦截器

• 每当返回 401 状态代码时显示登录对话框
• 每当返回 5xx 状态代码时显示一般错误消息

对于应用程序发出的每个 http 请求。

Answer 1

您可以创建自己的 HTTPConnection 来处理错误，并在引导时将其注入(inject)根应用程序组件。

export class CustomHTTPConnection implements Connection
{
}

然后在bootstrapping的时候注入(inject)

bootstrap([provider(Connection,{useClass:CustomHTTPConnection}]);

如果您不想提供自定义连接类，您可以为每个单独的请求执行此操作，因为 Http 返回一个具有 3 个参数的可观察对象:onNext、onError、onCompleted。

您可以按如下方式使用它:

class Component
{
constructor(private httpService:HttpService){
}
onInit(){
 this.httpService.getData().subscribe(
  ()=>{},  //on Next
  ()=>{}   //onError
}
}