angular - 添加自定义标题会覆盖旧标题条目。如何在 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

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

@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);
    }    
}