Question

我以角度2向Rest API发出PUT请求，但它不起作用。当我使用POST发出相同的请求时，它可以正常工作。

这是我的观点：

save(){
  this.params['user_id']=this.user_id;
  this.params['video_id']=this.video_id;
  this._dashboardService.update('uservalues',this.params)
    .subscribe(x=> {
      console.log('test');
    });
}

我的观点称我的服务为：

update(data ,param?) {
  let authToken = localStorage.getItem('auth_token');
  var myObject = Object.assign({'auth_token':authToken}, param);
  let params={};
  for (var name in myObject) {
    params[name]=myObject[name];
  }

  let body=JSON.stringify(params);
  let headers = new Headers({ 'Content-Type': 'application/json' });
  return this._http
    .put(this._url+'test', body, headers)
    .map(res=> res.json());
}

我的控制台：

OPTIONS http://host.com/dev/api/test 406 (Not Acceptable)
XMLHttpRequest cannot load http://host.com/dev/api/test. Response for preflight
has invalid HTTP status code 406

我的标题（API）：

    header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, PUT");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Request-Headers: Accept, Authorization");
header("Access-Control-Expose-Headers: Authorization");
header("Access-Control-Allow-Headers:X-Requested-With, Accept, Authorization");

当我在我的API中评论此代码时，我的PUT请求有效

private function set_headers(){
            // header("HTTP/1.1 ".$this->_code." ".$this->get_status_message());
            header("Content-Type:".$this->_content_type);
        }

有什么想法吗？

Answer 1

使用记录的id就像“ API帮助PUT中的 http://host.com/dev/api/test“+ id（记录的记录ID） 的 API /测试/ {ID}

update(data ,param?) { let authToken = localStorage.getItem('auth_token'); var myObject = Object.assign({'auth_token':authToken}, param); let params={}; for (var name in myObject) { params[name]=myObject[name]; } let body=JSON.stringify(params); let headers = new Headers({ 'Content-Type': 'application/json' }); return this._http .put(this._url+'test'+id, body, headers) //*use id here* .map(res=> res.json()); }

Answer 2

如果你已经为IIS创建了Web API，那么检查你是否有CORS处理程序，并检查你是否在Web.config中有这个：

<system.webServer>
  <modules>
    <remove name="WebDAVModule" />
  </modules>
  <handlers>
    <remove name="WebDAV" />
  </handlers>
</system.webServer>

发布请求有效但Put请求不在角度2中

2 个答案: