localStorage.getItem ('token') действует странно

Question

У меня есть этот код, который должен возвращать сведения о подключенном пользователе. Проблема в том, что когда я отправляю запрос, токен кажется неправильным и значение токена из localStorage удаляется.

const tokenHeader = new HttpHeaders({ Authorization: 'Bearer ' + localStorage.getItem('token')});
return this.http.get(AppSettings.URL, { headers: tokenHeader });

Дело в том, что мой токен правильный, и если я жестко закодировал значение, которое я gen из localStorage.getItem ('token'), работает правильно. Например,

const tokenHeader = new HttpHeaders({ Authorization: 'Bearer ' + 'the token value from localStorage.getItem('token')')});
return this.http.get(AppSettings.URL, { headers: tokenHeader });

Кто-нибудь знает, почему это происходит? Спасибо!

Answer 1

Я бы предложил вам передать его в отдельную переменную. Например:

let headers = {};
const token = localStorage.getItem('token');
if (token) {
  Object.assign(headers, {
    Authorization: `Bearer ${token}`
  })
}