角度 4 中的双张贴问题答案

【问题标题】：Double post issue in angular 4角度 4 中的双张贴问题
【发布时间】：2017-09-06 14:01:48
【问题描述】：

Web API 正在 IIS 中运行。我正在使用 CLI 运行 Angular 项目。 Http 发布两次访问 Web API 方法。首次 Web API 参数为空。第二次使用参数。

API

 [System.Web.Http.Route("api/Location/AddNewLocationSection")]
 [HttpPost]
 [AcceptVerbs("OPTIONS")]
 public GenericResult AddNewCustomerLocationSection(GenericParam<CustomerLocationSectionTreeItem> locationSectionParam)
 {
   //due to double post i'm doing this check
   if (locationSectionParam != null && locationSectionParam.Parameter != null)
   {
      //logic
   }
 }

角度服务

addNewLocationSection(locationSectionDetails: CustomerLocationSectionInfo): Observable<any> {
var headers = new Headers();
headers.append('Content-Type', 'application/json');
return this.http.post(this._configuration.AddNewLocation JSON.stringify({ parameter: locationSectionDetails }), new RequestOptions({ headers: headers }))
.map(this.extractData)
.catch(this.handleError);
}

组件

this.locationDetailService.addNewLocationSection(this.locationSectionDetails)
.subscribe(success => this.reLoadCustomerLocationTree(success, "Add"),
error => this.errorMessage = <any>error);

我怎样才能避免这个双重职位。提前致谢。

【问题讨论】：

标签： c# .net angular asp.net-web-api

【解决方案1】：

如果您查看第一个调用，它是一个 OPTIONS 请求。这是浏览器发送的用于检查端点有效性的请求。我不认为你可以改变它！

You can find more information here

【讨论】：

所以这意味着使用 OPTIONS 我无法停止？
是的，我就是这么想的