预检响应在角度发布请求上具有无效的 HTTP 状态代码 403

Question

我的本​​地主机中有一个 $http 请求，它正在调用某个 api 的 url。我在执行调用时遇到错误

Response for preflight has invalid HTTP status code 403

我可以使用 Angular 做任何事情来解决这个问题吗？我有 chrome 的 CROS 插件允许跨域请求

$http({
                method: 'POST',
                url: url,
                data:data1,
                headers: {
                    'Access-Control-Allow-Origin': '*',                 
                }
            })

Answer 1

如果你使用 java restful 控制器作为你的服务器。 可以参考https://spring.io/guides/gs/rest-service-cors/

我在我的控制器上添加了 @CrossOrigin(origins = "*") 并且它可以工作。 基本上，你不能在客户端做任何事情。

林

Answer 2

好的，这就是我的想法。这一切都与 CORS 政策有关。在 POST 请求之前，Chrome 正在执行预检 OPTIONS 请求，该请求应在实际请求之前由服务器处理和确认。现在，对于这样一个简单的服务器，这真的不是我想要的。因此，重置标头客户端会阻止预检：

app.config(function ($httpProvider) {
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
});

浏览器现在将直接发送 POST。希望这可以帮助很多人......我真正的问题是对 CORS 的了解不够。

链接到一个很好的解释：http://www.html5rocks.com/en/tutorials/cors/

感谢这个答案为我指明了方向。 AngularJS POST Fails: Response for preflight has invalid HTTP status code 404

Answer 3

我在 angularjs 中有这段代码：

$http.post('http://localhost:8080/employee/'
        , $scope.alumno
        ,{headers: {'Content-Type': 'application/json'}}
        ).success(function(data){

            if ( data.err === false ) {
                $scope.actualizado = true;

                setTimeout(function() {
                    $scope.actualizado = false;
                    $scope.$apply();
                }, 3500);

            };
        });

我的 API 有这些数据：

//Add employee:
Url: http://localhost:8080/employee
Type request: POST
Add a new employee:
{
 "firstName": "Javier",
 "lastName": "Piedra",
}`

我使用带有扩展名的 chrone 来获得可用的 CORS 的 GET 非常完美，但发布示例此错误：

XMLHttpRequest cannot load http://localhost:8080/employee/. Response for 
preflight has invalid HTTP status code 403

在我的 app.config 中使用：

app.config( function($routeProvider,$httpProvider){

$httpProvider.defaults.headers.common = {};
$httpProvider.defaults.headers.post = {};
$httpProvider.defaults.headers.put = {};
$httpProvider.defaults.headers.patch = {};

也许这可以解决您的问题。

问候