无法使用ANGULAR4中的HttpHeader更新API

时间:2017-11-28 15:45:13

标签: angular http-headers angular2-services

我正在尝试通过POST方法更新元素。无论我做什么,我仍然有一些问题,我无法编辑项目。  API需要获取有关编码的信息:Content-Type:application / json; charset = UTF-8所以我在选项中发送它。

editSensor(sensor){
const body = {"sensor_UID": sensor.sensor_UID, "sensor_ID": sensor.sensor_ID, "sensor_Name": sensor.sensor_Name};
var options = { headers: new HttpHeaders({ 'Content-Type': 'application/json; charset=UTF-8' })};
this.http.post('http://172.22.20.112/api/sensor/update', body, options)
  .subscribe(data => {
    console.log(data);
  }, error => {
    console.log("problem with something");
  });

}

我正在

  

无法加载http://172.22.20.112/api/sensor/update:响应   预检具有无效的HTTP状态代码404

  

选项http://172.22.20.112/api/sensor/update 404(未找到)

我正在使用HttpHeaders。它应该比旧标题更好吗?我在这做错了什么?我花了最后3个小时试图弄明白,只有一个又一个问题。

我试图通过小提琴手进行编辑,但它确实有效,所以问题就在我身边。

1 个答案:

答案 0 :(得分:0)

你可以尝试如下

import {Headers} from '@angular/http'

在类中声明一个变量,如下所示

header:Headers

并在您的方法中

this.header=new Headers();
this.header.append("Content-Type",'application/json; charset=UTF-8");

this.http.post('http://172.22.20.112/api/sensor/update', body, {headers:this.header})