Для отправки корректного запроса с заголовками в Angular с помощью HttpClient, вам нужно выполнить следующие шаги:
- Импортировать необходимые модули и сервисы:
import { HttpClient, HttpHeaders } from '@angular/common/http';
- Внедрить HttpClient в ваш компонент, создав конструктор:
constructor(private http: HttpClient) { }
- Создать объект HttpHeaders и установить в нем необходимые заголовки:
const headers = new HttpHeaders()
.set('Content-Type', 'application/json')
.set('Authorization', 'Bearer your_token');
- Отправить запрос, указав URL-адрес, метод и заголовки:
this.http.get(url, { headers }).subscribe(
(response) => {
// Обработка успешного ответа
},
(error) => {
// Обработка ошибки
}
);
В примере выше использован метод GET, но можно использовать также и другие методы, такие как POST, PUT, DELETE и т. д.
Обратите внимание, что существуют разные способы установить заголовки в HttpClient. В данном примере использовался метод set для установки заголовков, но также можно использовать объект HttpHeaders для установки заголовков в один вызов метода.
Также, стоит отметить, что в примере использованы заголовки Content-Type и Authorization, но вы можете установить любые другие заголовки, которые вам необходимы.