Angular 6 HTTP Interceptor 未设置 header

Question

我正在尝试制作一个 jsonwebtoken 拦截器，但由于某种原因它根本没有设置 header 。

对于我的提供者，我有

import { TokenInterceptorService } from './token-interceptor.service';
...
providers: [AuthService, AuthGuard, {
        provide: HTTP_INTERCEPTORS,
        useClass: TokenInterceptorService,
        multi: true
}]

作为我的 TokenInterceptorService也很简单:

import { Injectable } from '@angular/core';
import { HttpInterceptor } from '@angular/common/http';

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

    constructor() { }

    intercept(req, next) {

        let tokenizedReq = req.clone({
            setHeader: {
                Authorization: 'Bearer xx.yy.zz'
            }
        })

        return next.handle(tokenizedReq);
    }
}

如果我登录 tokenizedReq标题什么都没有。我一定是忽略了什么。

Answer 1

不是 setHeader但是 setHeaders - 复数形式

let tokenizedReq = req.clone({
     setHeaders: {
         'Authorization': 'Bearer xx.yy.zz'
     }
})