Access-Control-Allow-Origin在AngularJS应用程序中不起作用

Question

我正在尝试使用我的（CORS兼容的）RESTful服务

@Path("/greeting")
@GET
@Produces("application/json")
public Response greeting() {

    String result = "{\"id\":1,\"content\":\"Hello, World!\"}";

    return Response.ok() //200
            .entity(result)
            .header("Access-Control-Allow-Origin", "*")
            .build();
}

从我的AngularJS应用程序。

function ($scope, $http) {
    $scope.dashboard = "ESCO Dashboard";


    console.log('start');

    // Simple GET request example:
    $http({
        method: 'GET',
        url: 'http://localhost:8080/NobelGrid/api/users/greeting'
    }).then(function successCallback(response) {
        console.log('success');
        $scope.greeting = response.data;
    }, function errorCallback(response) {
        console.log('error');
    });


    console.log('end');

}

但我有一个错误：

https://spring.io/guides/gs/consuming-rest-angularjs/

使用他们的RESTful服务（他们说也兼容CORS)，但结果是一样的。

PS：我使用WebStorm作为IDE。

@Path("/greeting")
@OPTIONS
@Produces("application/json")
public Response greetingOPT() {


    return Response.status(200) //200
            .header("Access-Control-Allow-Origin", "*")
            .header("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT, OPTIONS")
            .header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type, X-Codingpedia,Authorization")
            .build();
}

Access-Control-Allow-Headers不允许请求标头字段授权，在飞行前[..]

但是，将Authorization添加到GET和POST的Access-Control-Allow-Headers中可以解决这个问题。

Answer 1

查看错误消息：

对飞行前请求的答复

查看网络日志：

看看你的API：

@get

您需要为preflight OPTIONS请求编写一个处理程序，然后浏览器才会向您编写的处理程序发出GET请求。