Angular 8使用HttpInterceptor添加自定义请求标头

Question

在有角度的8 HttpInterceptor中添加自定义标头不起作用 我需要使用HttpInterceptor将自定义请求标头添加到我的http函数中

从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);


      }

结果不正确，如下图所示 wrong result

我需要它，如下图所示

valid request header

任何帮助

Answer 1

更改

return next.handle(req);

返回包含附加标头的新请求

return next.handle(newRequest);