Angular 2 HTTP Post请求出现异常行为，寻求技术排查帮助

先看你这段代码里几个容易踩坑的地方，大概率是这些问题导致的异常：

1. 异步获取Token的错误处理 #

this.storage.getauthToken() 几乎肯定是异步操作（比如返回Promise或Observable），你直接把它赋值给token变量，此时token并不是实际的token字符串，而是一个未resolved的Promise对象。这会导致请求头里的authorizationToken值完全不符合预期，后端自然会返回验证错误或者请求无效。

你需要先等待Token获取完成，再创建请求头和发送请求。

2. 不必要的Promise包装，错误处理不完整 #

Angular的HttpClient.post()返回的是Observable，完全没必要手动new Promise()来包裹。这种手动包装不仅冗余，还会导致错误无法正确传递——你的代码里catch到err后只做了console.log，没有调用reject(err)，这会让调用这个post方法的代码无法捕获到错误，出现"请求挂起"或者无法处理异常的情况。

修正后的代码示例 #

public post(_ApiUrl: string, _Body: string): Promise<any> { 
  // 先等待Token获取完成
  return this.storage.getauthToken().then(token => {
    const headers = new HttpHeaders()
      .set("Content-Type", "application/json") 
      .set('authorizationToken', token);

    // 用Observable的toPromise()方法转换，自动处理resolve和reject
    return this.http.post(_ApiUrl, _Body, { headers }).toPromise();
  }).catch(err => {
    console.log("rest::post::error::" + JSON.stringify(err));
    // 把错误重新抛出，让调用方可以处理
    throw err;
  });
}

额外排查建议 #

• 打开浏览器开发者工具的Network面板，查看这个Post请求的实际请求头和请求体，确认authorizationToken是否是正确的字符串，请求体是否是合法的JSON格式。
• 查看控制台的错误详情：如果是4xx错误，大概率是请求参数/Token不合法；如果是5xx，可能是后端服务问题；如果是CORS错误，需要检查后端的跨域配置。

内容的提问来源于stack exchange，提问作者jais