添加自定义标头将覆盖旧标头条目。如何在Angular 8中保留旧的标题条目？

Question

我正在尝试添加一些自定义标头条目，但添加这些值之后，我看不到旧的标头条目。

@Injectable()
export class fwcAPIInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const authReq = req.clone({
            headers: req.headers
                .set('test1', 'test1')
                .set('test2', 'test2')
        });
        return next.handle(authReq);
    }

Answer 1

Angular HttpRequest支持使用setHeaders参数添加headers，因此您不必覆盖整个headers对象。这是在拦截器中设置标头的推荐方法。

@Injectable()
export class fwcAPIInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const authReq = req.clone({
            setHeaders: {
                test1: 'test1',
                test2: 'test2'
            }
        });
        return next.handle(authReq);
    }    
}