Как отправить корректный запрос с шапкой через HttpClient?

Для отправки корректного запроса с заголовками в Angular с помощью HttpClient, вам нужно выполнить следующие шаги:

1. Импортировать необходимые модули и сервисы:

import { HttpClient, HttpHeaders } from '@angular/common/http';

2. Внедрить HttpClient в ваш компонент, создав конструктор:

constructor(private http: HttpClient) { }

3. Создать объект HttpHeaders и установить в нем необходимые заголовки:

const headers = new HttpHeaders()
  .set('Content-Type', 'application/json')
  .set('Authorization', 'Bearer your_token');

4. Отправить запрос, указав URL-адрес, метод и заголовки:

this.http.get(url, { headers }).subscribe(
  (response) => {
    // Обработка успешного ответа
  },
  (error) => {
    // Обработка ошибки
  }
);

В примере выше использован метод GET, но можно использовать также и другие методы, такие как POST, PUT, DELETE и т. д.

Обратите внимание, что существуют разные способы установить заголовки в HttpClient. В данном примере использовался метод set для установки заголовков, но также можно использовать объект HttpHeaders для установки заголовков в один вызов метода.

Также, стоит отметить, что в примере использованы заголовки Content-Type и Authorization, но вы можете установить любые другие заголовки, которые вам необходимы.