时间戳

首页 > 解决方案 > 尽管 Postman 成功，Angular6 HttpClient Post 方法不起作用？

angular - 尽管 Postman 成功，Angular6 HttpClient Post 方法不起作用？

问题描述

我的 postmethod 代码如下：

  postMetadata(titleParam, rankParam) {

    let headers = new HttpHeaders();
    headers = headers.append(
      "Authorization",
      "Bearer " + this.adalService.userInfo.token
    );

    headers = headers.append(
      "Content-Type",
      "application/x-www-form-urlencoded"
    );

    const params = new HttpParams()
    .append("title", titleParam)
    .append("rank", rankParam)
    .append("createdBy", "Test");

    console.log(params, headers);
    return this.http.post(this.ROOT_URL + "bms/metadata", {
      "title": titleParam,
      "rank": rankParam,
      "createdBy": "Test"
    }, { headers })

}

我也尝试放置 { params } 并在那里使用该 HttpParams 对象，结果相同。还尝试将它们一个接一个地放置 { params, headers } 在这种情况下，我会得到“未经授权”，我敢肯定，这是因为它无法正确解析整个事情并且令牌混淆了。

使用邮递员，我已经从控制台复制粘贴了令牌，以便能够发出请求并且一切正常，并将内容添加到数据库中。

在 Angular 的情况下，后端请求的确切错误是：

Error updating the dataabase  { RequestError: Invalid column name 'undefined'.

如果我尝试登录控制台 req.query.title 等等，我得到的只是到处都是“未定义”。

后端基本上是 express + mssql (tedious.js) + passport-azure-ad。

标签： angularrestexpressangular6angular-httpclient

解决方案

我已经坚持了几个小时，再一次，在堆栈上发布后的几分钟内就解决了。

我必须设置以下内容：

  "Content-Type",
  "application/json"

出于某种奇怪的原因，我在控制台中遇到了错误？将进一步调查。错误：在此处输入图像描述

编辑：也已修复，这是 HttpClient 服务请求的完整最终工作代码：

  postMetadata(titleParam, rankParam) {

    let headers = new HttpHeaders();
    headers = headers.append(
      "Authorization",
      "Bearer " + this.adalService.userInfo.token
    );

    headers = headers.append(
      "Content-Type",
      "application/json"
    );


    let body = { "title": titleParam, "rank": rankParam, "createdBy": "TestingCreation" }
    const data = JSON.stringify(body);

    return this.http.post(this.ROOT_URL + "bms/metadata",   data , { headers, responseType: 'text' })

}

推荐阅读