Как установить значение углового заголовка в localstorage?

Question

saveStudentDetails(values) {
  const studentData = {};

  studentData['id'] =  values.id;
  studentData['password'] =  values.password;

  this.crudService.loginstudent(studentData).subscribe(result => {
    // Here should be the value of the header from backend to be store on localstorage
    this.toastr.success('You are logged in', 'Success !', { positionClass: 'toast-bottom-right' });
    this.router.navigate(['/address']);
  },
    err => {
      console.log('status code ->' + err.status);
      this.toastr.error('Please try again', 'Error !', { positionClass: 'toast-bottom-right' });
 });

У меня есть токен JWT, который был установлен в заголовке авторизации, когда пользователь вошел в систему, как я могу получить токен из заголовка авторизации и поместить токен в localalstorage, чтобы я мог передать токен jwt другие маршруты тоже? Большое спасибо.

Answer 1

Вот ссылка stackblitz того, что вы пытаетесь сделать

добавить следующее в ваш код: localStorage.setItem('token',res.headers.get(TOKEN_NAME));

Кроме того, в вашем случае отсутствует Access-Control-Expose-Headers, который указывает, какие заголовки могут быть отображены как часть ответа путем перечисления их имен.

Answer 2

localStorage.setItem ('Url', this.router.url);

Answer 3

this.crudService.loginstudent(studentData).subscribe(result => {
    localStorage.setItem('token', result.headers.get('Authorization'));    
});