0

我正在根据本指南进行编码：https ://angular.io/guide/http#configuring-other-parts-of-the-request 。

我的代码如下：

loadMenuOptions(): void {
    console.log('this.currentApiKey |' + this.currentApiKey);
     let header = new HttpHeaders();
    header = header.set('api-key', this.currentApiKey);

    this.commonService. getMenuOptions(MENU_OPTIONS, header).subscribe(respuesta => this.setMenuOptions(respuesta));
  }

以下代码是我将此对象发送到服务器时：

getMenuOptions(endPoint: string, header: HttpHeaders): Observable<OptionsResponse> {
    console.log('header:' + JSON.stringify(header));
    return this.http.get<OptionsResponse>(endPoint,  header)
      .pipe(
        tap(res => this.log('getMenuOptions | status | ' + res.header.status)),
        catchError(this.handleError('getMenuOptions', null)));
  }

JSON.stringify显示此值：
header:{"normalizedNames":[],"lazyUpdate":[{"name":"api-key","value":"JEFE_HHHABBBJJJXXX","op":"s"}] ,"headers":[],"lazyInit":{"normalizedNames":[],"lazyUpdate":null,"headers":[]}}

但服务器没有收到“api-key”值。

我使用相同的值执行了 POSTMAN，并且服务器正确接收到了“api-key”值。

我究竟做错了什么？

更新

此快照表示第一次调用“getMenuOptions”方法：第一次调用服务器

此屏幕截图属于对服务器的第二次调用：

  1. 第 2 次通话的第 1 部分
  2. 第二次通话的第二部分

正如您在第二次调用的第二部分所看到的，包含“api-key”值的标头在“lazyUpdate”对象中发送。

4

1 回答 1

1

问题在于您的getMenuOptions方法的实施。您不尊重post.HttpClient

它应该是这样的：

http
  .post('/api/items/add', body, {
    headers: new HttpHeaders().set('Authorization', 'my-auth-token'),
  }).

在哪里：

1st argument: endpoint
2nd: request body
3rd: an object with the request config

目前，您将 headers 对象作为第二个参数传递并且不提供配置对象（第三个参数），因此您的请求没有按预期运行是很自然的。

于 2017-12-19T11:45:38.510 回答