angular - HttpErrorInterceptor无法在Angular中重定向

Question

我正在尝试制作一个全局错误拦截器，以便对每个错误都将使用error=true查询参数重定向到主页。它会以某种方式捕获错误，将其记录下来，但不会重定向。我究竟做错了什么？
HttpErrorInterceptor:

@Injectable()
export class HttpErrorInterceptor implements HttpInterceptor {

  constructor(private router: Router) {
  }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request)
      .pipe(
        catchError((error: HttpErrorResponse) => {
          let errorMsg = '';
          if (error.error instanceof ErrorEvent) {
            errorMsg = `Error: ${error.error.message}`;
          } else {
            errorMsg = `Error Code: ${error.status},  Message: ${error.message}`;
          }
          const urlParams = new URLSearchParams(window.location.search);
          this.router.navigate(['main'], {queryParams: {error: true, sesskey: urlParams.get('sesskey')}});
          console.log(errorMsg);
          return throwError(errorMsg);
        })
      )
  }
}

app.module.ts:

providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: HttpErrorInterceptor,
      multi: true
    },

Answer 1

我认为这可行，您如何测试它
对我来说，它像这样

export class AppComponent {

  constructor(private http: HttpClient) {
    this.getData();
  }

  getData() {
    const url = 'Fake url';
    return this.http.get(url).subscribe();
  }
}