网络错误 405：从浏览器发布到 Localhost WCF REST Web 服务

Question

我正在编写一个使用 dotnet rest web 服务的网站。我对这两个项目都有完全的控制权。

就在今天，我实现了一个 post web 服务。当我使用 Fiddler 发布时，它可以工作。今天早上我从网站上进行了一些测试，一切似乎都很好。我处理了另一个问题（使用 fiddler 正确获取帖子内容），然后我从浏览器返回发布，但现在整个网站都表现出 CORS 行为 - 空白返回等。此外，刚刚实现的帖子刚刚开始返回 405 方法不允许错误

"NetworkError: 405 Method Not Allowed - http://localhost:50122/MyService/ListMarkers"

这是网站代码：

 function postAjax(){
    var markers = 
    { "listmarkers":
    [{ "position": "128.3657142857143", "markerPosition": "7" },
                   { "position": "235.1944023323615", "markerPosition": "19" },
                   { "position": "42.5978231292517", "markerPosition": "-3" }]
    };

    $.ajax({
        type: "POST",
        url: window.url + "/PocShimService.svc/ListMarkers",
        // The key needs to match your method's input parameter (case-sensitive).
        data: JSON.stringify(markers),
        //data: markers,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data){alert(data);},
        failure: function(errMsg) {
            alert(errMsg);
        }
    });

}

这是与访问控制有关的服务器配置：

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
  </customHeaders>
</httpProtocol>

有什么想法吗？有什么建议吗？

Answer 1

如果您的 WCF 和客户端应用的域名相同，那么您必须尝试使用​​ window.location.origin 而不是 window.url。你的 ajax 请求应该看起来像

$.ajax({
    type: "POST",
    url: window.location.origin + "/PocShimService.svc/ListMarkers",
    // The key needs to match your method's input parameter (case-sensitive).
    data: JSON.stringify(markers),
    //data: markers,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){alert(data);},
    failure: function(errMsg) {
        alert(errMsg);
    }
});