Когда токен JWT отправляется на серверную часть, он должен находиться в заголовке авторизации HTTP-запроса. Сам токен подписан солью от доверенного источника и обычно содержит ссылочные данные, такие как userId, которые затем будут использоваться в пользовательских внутренних операциях. Наиболее распространенный подход к добавлению заголовка авторизации к HTTP-запросу в Angular - это создание класса перехватчика и внесение им изменений в запросы.
Начиная с Angular 4, вы можете создать HTTP-перехватчик, который перехватывает все HTTP-запросы и изменяет их, добавляя дополнительные HTTP-заголовки. Для начала создайте сервис Angular и попросите его реализовать HttpInterceptor.
ng g service interceptors/auth
Добавьте в службу следующий код:
Обязательно добавьте сгенерированный класс обслуживания к поставщикам [] в корневом модуле приложения. Затем добавьте унаследованный метод intercept () в класс обслуживания.
Клонируйте запрос, который передается методу intercept (), и добавьте свои дополнительные заголовки. Затем вызовите next.handle (req), который уведомит перехватчик о вызове следующей операции.
Вот и все! Вы успешно добавили перехватчик в свое приложение Angular :).