I tried to throw an observable error in the interceptor and then handles this error. but I can't. When success is false, I can also receive successful subscribe.
I tried to return a value again in next.handle(restReq)
. But I failed and did not subscribe to anything
{
"success": false,
"data": {
"name": "Bad Request",
"message": "123",
"code": 0,
"status": 400,
"type": "yii\\web\\BadRequestHttpException"
}
}
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, {});
}
}
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);
}
}
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);
}
}
Try doing this in your interceptor
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;
);
You can add catch, and handle error
//....
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/map';
@Injectable()
export class TokenInterceptor implements HttpInterceptor {
constructor(private inj: Injector, private _router: Router) {
}
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
// Get the auth header from the service.
const auth = this.inj.get(AuthService);
const authToken = auth.getSessionData().accessToken || '';
const duplicate = req.clone({headers: req.headers.set('Authorization', authToken)});
return next.handle(duplicate).catch(this.handleError);
}
private handleError = (response: any) => {
// ....
// Do messaging and error handling here
return Observable.throw(response);
}
Try doing this in your interceptor
return next.handle(request).map((event: HttpEvent<any>) => {
if (event instanceof HttpResponse && !event.body.success) {
throw new Error(event.body.message);
}
return event;
);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.