Angular - 拦截器服务未向请求添加授权 header

Question

我创建了一个拦截器服务，它应该在请求中添加一个 Authorization header，下面是代码。

import { Injectable, Injector } from '@angular/core';
import { HttpInterceptor } from '@angular/common/http'
import { CarsdetailsService } from './services/carsdetails.service';

@Injectable({
  providedIn: 'root'
})
export class TokenInterceptorService implements HttpInterceptor {

  constructor(private injector: Injector) { }

  intercept(req, next){
    let userService = this.injector.get(CarsdetailsService);
    if(userService.userLoggedIn()){
      req = req.clone({
      setHeaders: {
        Authorization: `Bearer ${userService.getUserToken()}`,
      }
    });
  }
    return next.handle(req);

  }
}

以下是 CarsdetailsService 中检查是否设置了令牌并返回令牌的代码。

userLoggedIn(){
    return !!localStorage.getItem('usertoken');
  }

  getUserToken(){
    return localStorage.getItem('usertoken');
  }

我已经在 app.module.ts 中注册了拦截器服务

 providers: [
    CarsdetailsService,
    CookieService,
    UserauthGuard,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: TokenInterceptorService,
      multi: true
    }
  ]

我将令牌存储在本地存储中。

但是当我提交请求时，我没有在网络下看到授权 header。

谁能帮我解决我在这里犯的错误？

另外，由于我在 app.module.ts 中注册了拦截器服务，它会为每个请求发送授权 header。 如果我只想通过“预订”之类的一个请求发送它，我应该在哪里注册。

谢谢你，Subbu。