Angular 8 добавляет пользовательские заголовки запроса, используя HttpInterceptor

Question

В angular 8 HttpInterceptor для добавления настраиваемого заголовка не работает. Мне нужно добавить настраиваемый заголовок запроса в мою функцию http, используя HttpInterceptor

Слушайте мой код от HttpInterceptor

intercept(
        req: HttpRequest<any>,
        next: HttpHandler,
      ): Observable<HttpEvent<any>> {
        const newRequest = req.clone({
          headers: req.headers.set('APIKey', 'YOUR-API Key-HERE'),
        });
        return next.handle(newRequest);


      }

Результат:не правильно, как показано на изображении ниже неверный результат

Мне нужно, как показано на изображении ниже

действительный заголовок запроса

любая помощь

Answer 1

Изменить

return next.handle(req);

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

return next.handle(newRequest);