AngularJS $ http.POST方法405错误

本文介绍了AngularJS $ http.POST方法405错误的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

在$ http.post方法我得到405问题。我们使用单一服务（REST）用于POST& GET方法。

如果url有localhost它正在工作。 urlAddScenario是localhost / Service.svc / api / scenarios / add。如果我使用机器名而不是locahost它不工作。 machinname / Service.svc / api / scenarios / add

我的JS代码是

scenarioExecutionFactory.addScenario = function（scenarioId）{ return $ http.post（urlAddScenario，scenarioId）};

anotherJS：

code> var runScenarioId = {ScenarioId：10} scenarioExecutionFactory.addScenario（runScenarioId） .success（function（data）{ $ scope.getScenarioRecentRuns（$ scope.CurrentScenario ）; }）;

WCF服务：

[OperationContract] [WebInvoke（UriTemplate =api / scenarios / add， RequestFormat = WebMessageFormat.Json， ResponseFormat = WebMessageFormat.Json， Method =POST）] 请求AddScenario（ScenarioRequestParams requestParams）;

config：

< system.webServer> < httpProtocol> < customHeaders> < add name =Access-Control-Allow-Originvalue =*/> < add name =Access-Control-Allow-Credentialsvalue =true/> < add name =Access-Control-Allow-Methodsvalue =GET，POST，PUT，OPTIONS/> < add name =Access-Control-Allow-Headersvalue =Origin，Content-Type，Accept，Authorization，X-Ellucian-Media-Type/> < / customHeaders> < / httpProtocol>

**选项* * http：//ddd/HelloService/HelloService.svc/PostData HTTP / 1.1 接受：* / * 原产地：http：// localhost：31284 访问控制请求方法：POST Access-Control-Request-Headers：accept，content-type Accept-Encoding：gzip，deflate User-Agent：Mozilla / 5.0（Windows NT 6.3; WOW64; Trident / 7.0; Touch; rv：11.0）like Gecko Host：vijayakatta Content-Length：0 DNT：1 Connection：Keep-Alive Pragma：no-缓存

错误：

IE：SCRIPT7002 ：XMLHttpRequest：网络错误0x80070005，访问被拒绝。

Chrome：XMLHttpRequest无法加载htp // machinename / services.svc / api / scenario / add。 HTTP状态代码405无效

响应标题：HTTP / 1.1 405方法不允许

解决方案

为了通过 web.config 正确启用 CORS ，您需要指定这3个自定义标题

< httpProtocol> < customHeaders> < add name =Access-Control-Allow-Originvalue =*/> < add name =Access-Control-Allow-Headersvalue =Content-Type/> < add name =Access-Control-Allow-Methodsvalue =GET，POST，PUT，DELETE，OPTIONS/> < / customHeaders> < / httpProtocol>

如果计划支持 PUT code> DELETE 动词，您还需要处理 preflight 检查。 在此答案中，您可以阅读有关 CORS 和 preflight检查的更多信息： stackoverflow/a/27374066/4304188

In $http.post method I'm getting 405 issue. We are using single service(REST) for both POST & GET methods.

if url having localhost it is working. urlAddScenario is localhost/Service.svc/api/scenarios/add. If I'm using machine name instead of locahost it is not working. machinname/Service.svc/api/scenarios/add

My JS code is

scenarioExecutionFactory.addScenario = function (scenarioId) { return $http.post(urlAddScenario, scenarioId) };

anotherJS:

var runScenarioId = { "ScenarioId": 10 } scenarioExecutionFactory.addScenario(runScenarioId ) .success(function (data) { $scope.getScenarioRecentRuns($scope.CurrentScenario); });

WCF Service:

[OperationContract] [WebInvoke(UriTemplate = "api/scenarios/add", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, Method = "POST")] Request AddScenario(ScenarioRequestParams requestParams);

config:

<system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Credentials" value="true" /> <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,OPTIONS" /> <add name="Access-Control-Allow-Headers" value="Origin,Content-Type,Accept,Authorization,X-Ellucian-Media-Type" /> </customHeaders> </httpProtocol>

I'm seeing OPTIONS instead of POST in Headers.

Headers:

**OPTIONS** ddd/HelloService/HelloService.svc/PostData HTTP/1.1 Accept: */* Origin: localhost:31284 Access-Control-Request-Method: POST Access-Control-Request-Headers: accept, content-type Accept-Encoding: gzip, deflate User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; rv:11.0) like Gecko Host: vijayakatta Content-Length: 0 DNT: 1 Connection: Keep-Alive Pragma: no-cache

Error:

IE: SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.

Chrome: XMLHttpRequest cannot load htp//machinename/services.svc/api/scenarios/add. Invalid HTTP status code 405

Response Headers: HTTP/1.1 405 Method Not Allowed

解决方案

In order to enable CORS via web.config properly you need to specify these 3 custom headers

<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>

If you plan to support PUT and DELETE verbs you also need to handle the preflight check. You can read more about CORS and preflight check in this answer: stackoverflow/a/27374066/4304188