Wie man ein HTTP PUT mit einem Parameter in einer ionic 2 App zu einer WebAPI macht?

Question

Ich versuche, ein HTTP PUT mit einem Integer-Parameter zu einem MVC WebApi zu machen.

Ich versuchte, die Winkel 2 Richtlinien für HTTP PUT zu folgen: https://angular.io/docs/ts/latest/guide/server-communication.html

Mein WebAPI:

public IHttpActionResult Put([FromBody]int id) 
{ 
    return Ok(); 
} 

Mein Http PUT in meinem Dienst in meinem ionischen 2 App:

makePut(){ 
    let body = JSON.stringify({id:155320}); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    return new Promise(resolve => { 
     this.http.put('API_URL', body, options) 
     .subscribe(
      response => { 
      console.log(response.text()); 
      }, 
      error => { 
      //Failed to Login. 
      alert(error.text()); 
      console.log(error.text()); 
      }); 
    }); 
} 

Und schließlich der Anruf zu meinem Service von meiner Homepage:

this.service.makePut().then(data => {console.log(data);}); 

Wenn ich dies ausführen, bekomme ich eine 405 Methode nicht erlaubt. Gibt es etwas, was mir fehlt?

UPDATE hier ist Teil der web.config in meinem Web-api:

<system.webServer> 
    <security> 

    </security> 
    <validation validateIntegratedModeConfiguration="false" /> 
    <modules runAllManagedModulesForAllRequests="true"> 
     <remove name="WebDAVModule" /> 
    </modules> 
    <httpProtocol> 
     <customHeaders> 
     <add name="Access-Control-Allow-Origin" value="*" /> 
     <add name="Access-Control-Allow-Headers" value="Content-Type" /> 
     <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> 
     </customHeaders> 
    </httpProtocol> 
    <handlers> 
     <remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" /> 
     <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" /> 
     <remove name="ExtensionlessUrlHandler-Integrated-4.0" /> 
     <add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" /> 
     <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" /> 
     <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /> 
    </handlers> 

    </system.webServer> 

Answer 1

Ich konnte das Problem beheben, das sich als ein CORS-Problem herausstellte. Sie können sehen, wie Sie dieselbe Herkunftsrichtlinie in Chrome hier deaktivieren: How to resolve CORS issue and JSONP issue in Ionic2

Sobald ich es deaktiviert in Chrome, die HTTP PUT erfolgreich.

Hier ist meine letzte Code:

makePut(){ 
    let body = 155320; // this is different 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    return new Promise(resolve => { 
     this.http.put('API_URL', body, options) 
     .subscribe(
      response => { 
      console.log(response.text()); 
      }, 
      error => { 
      //Failed to Login. 
      alert(error.text()); 
      console.log(error.text()); 
      }); 
    }); 
} 

Answer 2

Es könnte Web-API-Fehler und Sie können, indem Sie diesen Code in Ihre Datei web.config beheben, dass

<handlers accessPolicy="Read, Script"> 
    <remove name="WebDAV" /> 
    <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" /> 
    <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" 
     path="*." 
     verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" 
     modules="IsapiModule" 
     scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" 
    preCondition="classicMode,runtimeVersionv4.0,bitness64" 
    responseBufferLimit="0" /> 

Diese article kann Ihnen mehr Informationen über 405 Fehler geben.