无法获得头部Angular 6

Question

I set the headers from an Express server written in NodeJS like that:

app.use('/routes', function(req, res, next) {
    res.setHeader('test', 'test');
    next();
);

And they are sent to the client as it can be seen in the following image: Then I try to retrieve them in the Angular side like that:

return next.handle(newreq).do((event: HttpEvent<any>) => {
    if (event instanceof HttpResponse) {
        console.log(event);
    }
}
});

But then, it's not displayed in the output of console.log(event)

I also tried to use event.headers.get('test') with the same result

thanks.

Answer 1

Only headers listed in Access-Control-Expose-Headers can be accessed by the Angular client, as part of CORS restrictions. Simply add your new test header to the list. If you use a CORS library it should have a method to whitelist headers.

See examples from MDN web docs .