Angular4如果集中会话到期处理-Angular4ifcentralizesessionexpirehandling

1  

So here's an example of an HttpInterceptor class that I got from here (full plunker here).

所以这是我从这里得到的HttpInterceptor类的一个例子（这里是完整的plunker）。

@Injectable()
export class MyHttpLogInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest, next: HttpHandler): Observable> {
    console.log('processing request', request);

    const customReq = request.clone({
      headers: request.headers.set('app-language', 'it')
    });

    return next
      .handle(customReq)
      .do((ev: HttpEvent) => {
        if (ev instanceof HttpResponse) {
          console.log('processing response', ev);
        }
      })
      .catch(respOnse=> {
        if (response instanceof HttpErrorResponse) {
          console.log('Processing http error', response);
        }

        return Observable.throw(response);
      });
  }
}

The catch block is probably what you're interested in. You could inspect the error and check if it came from a session expire, then react to it properly.

catch块可能是您感兴趣的。您可以检查错误并检查它是否来自会话过期，然后正确地做出反应。

You need to provide this Interceptor in your app.module.

您需要在app.module中提供此拦截器。

providers: [
    { provide: HTTP_INTERCEPTORS, useClass: MyHttpLogInterceptor, multi: true }  
  ]