angular - 如何在角度 http 拦截器中抛出可观察到的错误
问题描述
我试图在拦截器中抛出一个可观察到的错误,然后处理这个错误。但我不能。当success为false时,我也可以收到成功订阅。
我试图再次返回一个值next.handle(restReq)
。但我失败了,没有订阅任何东西
restApi 像这样返回
{
"success": false,
"data": {
"name": "Bad Request",
"message": "123",
"code": 0,
"status": 400,
"type": "yii\\web\\BadRequestHttpException"
}
}
auth.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/internal/Observable';
@Injectable({
providedIn: 'root'
})
export class AuthService {
private sessionUrl = '/wechat/session';
constructor(
private http: HttpClient
) { }
getSession(): Observable<any> {
return this.http.post<any>(this.sessionUrl, {});
}
}
auth.component.ts
import { Component, OnInit } from '@angular/core';
import { AuthService } from '@core/services/auth.service';
import { interval } from 'rxjs/internal/observable/interval';
import { switchMap, take } from 'rxjs/operators';
@Component({
selector: 'app-auth',
templateUrl: './auth.component.html',
styleUrls: ['./auth.component.scss']
})
export class AuthComponent implements OnInit {
constructor(
private authService: AuthService
) { }
ngOnInit(): void {
this.authService.getLoginQrcode()
.subscribe(
data => console.log(data),
error => console.log(error);
}
}
http-interceptor.ts
import { Injectable } from '@angular/core';
import {
HttpErrorResponse,
HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse
} from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class RestInterceptor implements HttpInterceptor {
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
let baseUrl = environment.baseUrl + '/' + environment.version;
let headers = req.headers;
const restReq = req.clone({
headers,
withCredentials: true
});
return next.handle(restReq);
}
}
解决方案
尝试在您的拦截器中执行此操作
return next.handle(request).map((event: HttpEvent<any>) => {
if (event instanceof HttpResponse && event.body && !event.body.success) {
throw new HttpErrorResponse({
error: 'your error',
headers: evt.headers,
status: 500,
statusText: 'Warning',
url: evt.url
});
}
return event;
);
推荐阅读
- sql - 如何在 postgres 插入查询中引用另一列?
- java - cz.habarta.typescript-generator : Nullable 属性不会在依赖项目上生成
- javascript - 反应路由到端点但不呈现内容
- reactjs - ipcRenderer 没有被触发
- ios - 将类型“JSON”的值分配给类型“[JSON]”
- rust - Rusqlite 插入多行
- android - 从 Android Studio 安装应用程序已超时
- excel - 如何复制Excel值?
- jenkins - 安装简单队列插件后无法更改 Jenkins 构建队列
- javascript - 如何增加预定义日期范围的数量?