Handling http 302 redirect responses

Question

I know that http 302 responses are handled directly by the browser, and because of that you cannot acces any of the request properties from your source code. But I am wondering if there is any way of intercepting the 302 redirect response. Let me explain myself:

1. My Frontend (Angular) makes an http request to A (I intercept the outgoing request)
2. A responds with 302 Location: B
3. My Frontend intercepts the 302 response with empty fields, and goes to B
4. Here I'd like to intercept the response coming from B

This is my Angular http interceptor code:

@Injectable()
export class CasInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    console.log('->Interceptor');
    console.log(req);
    return next.handle(req).map((event: HttpEvent<any>) => {
        const response = event as HttpResponseBase;
        console.log('<-Interceptor');
        console.log(response);
        return event;
    });
  }
}

Answer 1

You should get full header from http response.

{observe:"response"} is the magic parameter of angular http client. So try this one

this.http
.get<any>(requestURL,{observe:"response"})
.subscribe(
  data => {
    console.log(data.header); //you will see full header here
    console.log(data.url); // you can see redirect url from backend and handle it whatever you want
  },
  err => {
     console.log(err)
  }