Не удается отправить имя пользователя и пароль в заголовках Angular http-запроса

Question

Мне нужно отправить имя пользователя и пароль как заголовки запроса (не параметры запроса) в запросе HTTP.

У меня есть следующий get метод, написанный внутри службы Angular.

 http.get() {
    let headers_object = new HttpHeaders();
    headers_object.append('username', 'Test');
    headers_object.append('password', 'Test123');

    const httpOptions = {
        headers: headers_object
    };
    const uri = 'http://localhost:8083/test';
    let res;
    this.http.get(uri, httpOptions)
    .pipe(map(data => data)).subscribe(result => {
        console.log(result);
        res = result;
    });
    return res;
}

Любая помощь в этом направлении будет высоко ценится.

Спасибо!

Answer 1

Странно, если честно. Код выглядит хорошо и должен был работать. Для отладки, не могли бы вы попробовать распечатать консоль заголовков объекта ins и поделиться тем, что вы там видите?

Кроме того, сделайте выстрел ниже:

headers: new HttpHeaders({
  'username':  'Test',
  'password': 'Test123'
})

Answer 2

Поскольку HttpHeaders является неизменным (определение неизменного объекта ниже:),

Неизменяемый объект - это объект, состояние которого нельзя изменить после его создания. - Что такое изменяемые и неизменные структуры данных?

это означает, что вы можете установить его только один раз в одном экземпляре.

См. Пример ниже:

let headers_object = new HttpHeaders()
  .set('username', 'Test')
  .set('password', 'Test123');