Angular 4 Использование HttpInterceptor для привязки заголовка во время выполнения

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

Поток заявки -

Страница входа - пользователь входит в систему - получает токен, а затем во всех http-запросах необходимо отправить этот токен.

Рабочая сцена

   var headers = new HttpHeaders()
        .set('Content-Type', 'application/json')
        .set('X-Token', '123'); <-- read token from storage
return this.http.post(this.url + '/' + endpoint, body, {headers: this.headers});

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

export class AddHeaderInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // Clone the request to add the new header
    const clonedRequest = req.clone({ headers: req.headers.set('X-Token', 'a') });

    // Pass the cloned request instead of the original request to the next handle
    return next.handle(clonedRequest);
  }

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