Angular 9 - 拦截器 - 如果 catcherror 中没有错误，则返回什么？

Question

我在角度应用程序中有一个拦截器

整个想法是jwt 令牌的有效期为 30'

• 偶尔我会从状态代码中收到错误，所以我会处理它

• 但有时，没有错误，所以我不想抛出任何异常

因为我没有返回任何东西，所以我收到了这个错误

您在需要流的地方提供了“未定义”。您可以提供 Observable、Promise、Array 或 Iterable。

除非我抛出像 throwError("OK"); 这样的假异常

这是我的拦截函数

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 
{
    
    return next.handle(request).pipe(catchError(err => 
    {
        const error = (err.error?err.error.message:null) || err.statusText;

        switch (err.status) {
            case 401:
            {
                // token expired -> goto login, dont return error
                this.appService.clearUserSession();
                this.router.navigate(['login']);
                <<<<<<<<<<<<<<< HERE I DON'T WANT TO THROW AN ERROR, WHAT TO RETURN ?
            }
            break;
            case 500:
            {
                return throwError(error);
            }
            break;
            default:
            {
                  if(error!="OK")
                  {
                       return throwError(error);
                  }
                  else
                  {
                       // some errors are "OK", just ignore them
                       <<<<<<<<<<<<<<< HERE I DON'T WANT TO THROW AN ERROR, WHAT TO RETURN ?
                  }
            }
            break;
       }
      
    }))

  }

我应该返回什么来代替 <<<<<<<<<<<<<<<<<<<<<<<<<<< ????

谢谢你帮助我

Answer 1

正如错误所述，RxJScatchError运算符必须返回一个可观察值。但是，当您不想抛出错误时，可以使用 RxJSof函数返回有效的通知。它将调用nextobservable 的回调而不是error.

import { of } from 'rxjs';

intercept(request: HttpRequest < any > , next: HttpHandler): Observable < HttpEvent < any >> {
  return next.handle(request).pipe(catchError(err => {
    const error = (err.error ? err.error.message : null) || err.statusText;
    switch (err.status) {
      case 401: {
        // token expired -> goto login, dont return error
        this.appService.clearUserSession();
        this.router.navigate(['login']);
        return of(error);      // <-- return observable using `of`
      }

      case 500: {
        return throwError(error);
      }

      default: {
        if (error != "OK") {
          return throwError(error);
        }
        return of(error);      // <-- return observable using `of`
      }
    }
  }));
}

或者，如果您不想调用回调next，您可以返回EMPTY常量来完成可观察。

import { EMPTY } from 'rxjs';

default: {
  if (error != "OK") {
    return throwError(error);
  }
  return EMPTY;      // <-- complete the observable
}