API post调用返回错误但适用于邮递员

Question

我有一个工作 Angular 项目，它使用 webapi2 连接到真实数据。目前我正在开发一个 express.js 项目，该项目为了演示目的而模拟数据，所以我不会使用真正的 webapi2，而是使用这个总是显示随机数据的 express 项目。角度项目调用一个需要 json 对象的 post api。但是调用总是返回错误。但是当使用邮递员调用它时它正在工作。

代码：

角度分量

onSubmit(valid: boolean = false): void {
...
this.service.save(request).subscribe(
  result => {
    console.log(result,"RHAILHYDRA");
    ...
  },
  error => {
    console.log(error,"EHAILHYDRA");
    ...
  })
}

角度服务.ts

public save(param: any): Observable < any > {
    let uri = "some url";
    let payLoad = {
        "someId": param.id,
        "someComment": param.comment
    };
    let headers = new HttpHeaders({
        'If-None-Match': param.tag
    });
    return this.http.post <any> (uri, payLoad, {
        headers: headers
    });
}

uri 总是http://localhost:44309/demo/5b42/trade?valid=false

因为它是一个模拟，所以我没有考虑查询。因此 api 调用将在有/没有查询的情况下工作。

express.js 代码

var bodyParser = require('body-parser');
exports.register = function (app) {
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({ extended: true }));
  app.post('/demo/:id/trade', function (req, res) {
    res.status(200).json({
      "validationMessages": [],
      "overridable": true
    });
  });
};

当我单击提交按钮时，它总是出现错误“EHAILHYDRA”。

但是当我使用邮递员时，我得到了预期的结果。

任何线索都会非常有帮助。

更新 #1：

当我点击提交时，inspect:network 中没有调用此服务。

Answer 1

当您的标头值为空或未定义时，可能会出现此问题。所以删除标题我的意思是'If-None-Match': param.tag 部分，然后再试一次。

---

public save(param: any): Observable < any > {
    let uri = "some url";
    let payLoad = {
        "someId": param.id,
        "someComment": param.comment
    };
   let httpOptions = {
      headers: new HttpHeaders({ 'Content-Type': 'application/json' })
    };
    return this.http.post <any> (uri, payLoad, httpOptions);
}

Answer 2

尝试在validationMessages 上添加一些check，不管它是否有价值。

不要直接使用validationMessages。

可能存在validationMessages未定义的情况，而您使用该变量来调用一些预定义的数组函数。