Установить параметр заголовка авторизации в interceptor.module.ts

Question

Мне нужно отправить токен авторизации в заголовок каждого запроса, и я не могу найти правильный способ установки параметров в коде intercepetor.module.ts.

Вот выдержка из моего углового перехватчика.module.ts

intercept(
        req: HttpRequest<any>,
        next: HttpHandler,
    ): Observable<HttpEvent<any>> {

        console.warn("Loader Started - HTTP request: " + req.url);

        let dupReq = req.clone({
            setHeaders:{
                'Content-Type' : 'application/json',
                'Accept'       : 'application/json',
                'Authorization': "Basic "+ myToken
            }
        });

        return next.handle(dupReq).pipe(
            map(event => {
                return event;
            }),
            catchError(error => {
                return Observable.throw(error);
            }),
            finalize(() => {

            })
        );
    }

Когда я вхожу на вкладку Chrome Network в режиме отладки, заголовок запроса не изменился и не показывает параметр «authorization».

Я пытался установить заголовки с помощью headers.append() метода, и это также не имело никакого значения.

Answer 1

Вы можете попробовать это, так как вы хотите Basic авторизацию:

const httpOptions = {
    headers: new HttpHeaders({ 
        'Content-Type': 'application/json',
        'Authorization': 'Basic ' + btoa(myToken)
    })
};

Answer 2

request.clone({
     setHeaders: {
       'Authorization': `Basic ${myToken}`
     }
   });

Answer 3

Попробуйте это:

const dupReq = req.clone({
    setHeaders: {
      Authorization: "Basic "+ btoa(myToken),
      'Access-Control-Allow-Origin': '*'
    },
  })