Capturing http headers in Angular

Question

I would like to capture a token that I set in the http header inside my Angular application.

This is how I am serving my Angular application :

var express = require('express');
var app = express();
var port = process.env.PORT || 3000;
var router = express.Router();
var utils = require('./utils);

console.log('——————————- Run on port '+ port);

/****************************** Router ***************************/
router.get('*', function(req, res){
    token = utils.generateToken(); 
    res.set('X-Auth', token).sendFile('index.html', { root: __dirname + '/public/app' });
});

This token that I am setting in the header is what I would like to capture inside my Angular application. I am kind of lost on where and how to do that ? I am using Angular 9. Any hints where to start ?

Muhammed Albarmavi · Accepted Answer · 2020-03-26 08:05:39Z

1

the http clent return JSON data if you want to read all respond body you need to set observe option to responsenow the result will be of type HttpResponse you can now read all respond header ,type, status

http
  .get<any>('url', {observe: 'response'})
  .subscribe((res : HttpResponse) => {
    console.log(rep.headers.get('X-Token'));
    localStorage.setItem('token',res.headers.get('X-Token'))
  });

check this 👉 http reading the full response

edited Mar 26, 2020 at 8:05

answered Mar 26, 2020 at 5:13

Muhammed Albarmavi

24.5k9 gold badges72 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Omar · Accepted Answer · 2020-03-26 05:51:13Z

0

You can get the headers from the Response Class like below:

http.get('/controller/action')
    .subscribe((response:Response) => {
       console.log(response.headers);
     });

answered Mar 26, 2020 at 5:51

Omar

825 bronze badges

1 Comment

Muhammed Albarmavi Over a year ago

this will work in old verion but now ,http return response.json() by default.

Collectives™ on Stack Overflow

Capturing http headers in Angular

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related