Angular 5标头值未正确追加[重复]

Question

这个问题在这里已有答案：

• Spring Data Rest and Cors 4个答案

我在角度服务请求中追加标题但是值没有正确附加，我创建了一个Interceptor来添加如下所示的标题

@Injectable()
export class AddHeaderInterceptor implements HttpInterceptor {
  constructor() {}
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {


    // Clone the request to add the new header
    const clonedRequest = req.clone({ headers: req.headers.set('tenantId', 'r 123') });

    // Pass the cloned request instead of the original request to the next handle
    return next.handle(clonedRequest);
  }
}

虽然我发送到服务器的值不正确附加，它的显示如下图所示，值'r 123'没有附加，我该如何解决？

headers image

Answer 1

你有没有在AddHeaderInterceptor添加app.module.ts。

// ...
providers: [
    // ...
    { provide: HTTP_INTERCEPTORS, useClass: AddHeaderInterceptor, multi: true },
    //...
]

Answer 2

你可以尝试这些

const httpOptions = {
  headers: new HttpHeaders({
  'header1':  'test',
  'header2': 'test',
 })
};
req.clone({ headers: httpOptions) });

Answer 3

尝试这个角5，这可能会工作，

    const clonedRequest = req.clone({
        setHeaders: { 'tenantId', 'r 123'}  
    });