AngularJS 与 Asp.net Web API：$http post 返回 XMLHttpRequest 无法加载：预检响应具有无效的 HTTP 状态代

使用 AngularJS 和 Asp.net Web API 进行开发是一种常见的组合，可以帮助我们构建强大的网络应用程序。在使用这两个框架时，我们可能会遇到一些常见的问题和错误。其中一个常见的错误是在使用 $http post 方法时，返回 XMLHttpRequest 无法加载的预检响应具有无效的 HTTP 状态代码 405 错误。本文将探讨这个问题，并提供一些解决方案。

csharp
public HttpResponseMessage Options()
{
    var response = new HttpResponseMessage(HttpStatusCode.OK);
    response.Headers.Add("Access-Control-Allow-Origin", "*");
    response.Headers.Add("Access-Control-Allow-Headers", "Content-Type");
    response.Headers.Add("Access-Control-Allow-Methods", "POST");
    return response;
}

javascript
app.controller('MyController', function($scope, $http) {
    $scope.sendData = function() {
        var data = {
            name: 'John',
            age: 25
        };
        $http.post('http://example.com/api/data', data)
            .then(function(response) {
                // 处理成功响应
            }, function(error) {
                // 处理错误
            });
    };
});