jquery - 跨源请求被阻止 : The Same Origin Policy disallows reading the remote resource at http://localhost:9200/test12/test3/_search? 漂亮

Question

我有一个带有 ElasticSearch 的自动完成 jquery 功能。输入第一个字母时出现以下错误。

跨源请求被阻止:同源策略不允许读取 http://localhost:9200/test12/test3/_search?pretty 处的远程资源。 (原因:CORS header “Access-Control-Allow-Origin”丢失)。

这是代码

$(function () {
    $("#keyword").autocomplete({
        source: function (request, response) {
            $.ajax({
                 url: "http://localhost:9200/test12/test3/_search?pretty",
                data: "q=firstname:" + request.term +"*" , 
                dataType: "json", 
                type: "POST", 
                headers: {
                'Access-Control-Allow-Origin':  'http://localhost'
            },
                crossDomain: true,    
                jsonpCallback:"callback", 
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    console.log(data); 
                    response($.map(data.d, function (item) {
                        return {


                            label: item.split('-')[0],
                            val: item.split('-')[1]
                        }
                    }))
                },
                error: function (response) {
                    alert('error'+ response.responseText);
                },
                failure: function (response) {
                    alert('failure'+response.responseText);
                }
            });
        },
        select: function (e, i) {
            $("[id$=keyword]").val(i.item.val);
        },
        minLength: 1
    });
});

我还尝试了'Access-Control-Allow-Origin': '*'它不起作用。

当我尝试使用 jsonp 而不是 json 时，我得到

syntax error (which is normal, since my code expects json not jsonp stuff)

在服务器上:我做到了，

Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
Header always set Access-Control-Max-Age "1000"
Header set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin$
/etc/apache2/apache2.conf

仍然没有解决问题

Answer 1

使用浏览器插件，允许用户通过更改 http 响应来在任何地方启用 CORS。

火狐:https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/

Chrome:https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf/

Safari:无需安装任何附加组件，只需转到“开发”>“禁用跨源限制”即可。如果您在 Safari 中没有“开发”菜单，请按照以下说明操作: