Neo4j API 中的跨域请求被阻止

Question

我正在尝试从 jquery 调用 Neo4j API。

当我调用 GET 请求时，它可以完美运行

GET 请求端点

http://localhost:7474/db/data/node/10

但是当我使用 json 正文调用 POST 请求时，它会返回以下错误。

POST 请求端点

http://localhost:7474/db/data/cypher

错误信息

"NetworkError: 500 Server Error - http://localhost:7474/db/data/cypher"

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:7474/db/data/cypher. This can be fixed by moving the resource to the same domain or enabling CORS.

当我从 Advance REST Client 尝试时，它会返回正确的响应。请参考以下代码

$(document).ready(function(){
  $("#btnQuery").click(function(){

        var Request = "{'query' : 'MATCH (Movie { name:{searchName} })-[SHOWS]-(Cinema) RETURN Cinema','params' : {'searchName' : 'Rio 2'}}";

        //url = mainURL +"cypher";
        url = "http://localhost:7474/db/data/cypher";

        $.ajax({
        url: url,
        headers : {
                      'Authorization' : 'Bearer 5f0e0d8c2a5477d4a8e79fa2d34f84a'
                    },
        crossDomain: true,
        type: 'POST',
        dataType: 'application/json',

        complete: function(xhr) {
            if (xhr.readyState == 4) {
                if (xhr.status == 201) {
                    alert("Data is loaded");
                    clearUsers();
                    isUserAdd = false;
                }
            } else {
                alert("Data is not loaded");
            }
        },

        beforeSend: function (xhr) {
        xhr.setRequestHeader("accept", "application/json");
        xhr.setRequestHeader("Content-Type", "application/json");
        },
            data: ('(' + Request + ')')
        });


});
});

Answer 1

我在这里有一个工作示例：http://jexp.github.io/cy2neo

查看代码：https://github.com/jexp/cy2neo/blob/master/scripts/neo.js#L8

我认为问题是 dataType: JSON 导致 jquery 发送一个不带 CORS 的飞行前标头。我将其更改为指定content-type: JSON