所请求的资源上没有“ Access-Control-Allow-Origin”标头。 因此，不允许访问来源“ http：// localhost”

Question

嗨，大家好，我正在尝试遍历绘制图形的代码，但是在请求的资源上没有'Access-Control-Allow-Origin'标头。 因此，不允许访问来源“ XXXX”。 我知道有类似CORS的东西，但是我不知道如何使用它。

function get_last_oxygen(location, start_time, end_time)
    {
        var xmlHttp = null;
        var oxy_url = 'http://localhost:8888/' + location + '/oxygen/1/1/last';
        xmlHttp = new XMLHttpRequest();
        xmlHttp.open( "GET", oxy_url, true );        
        xmlHttp.send( null );
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var json = JSON.parse(xmlHttp.responseText);
                var oxy = document.getElementById('oxygen');
                oxy.innerHTML = json.oxygen;
                get_oxygen_range(location, start_time, end_time);
                //alert(xmlHttp.status + ' ' + xmlHttp.responseText);
           }
        }
    }

    function get_oxygen_range(location, start_time, end_time) {
        var req_range = null;
        var range_url = 'http://localhost:8888/' + location + '/oxygen/1/1/' + start_time + ':' + end_time;;
        req_range = new XMLHttpRequest();
        req_range.open( "GET", range_url, true );       
        req_range.send( null );
        req_range.onreadystatechange = function() {
            if (req_range.readyState == 4) {
                var measurements = eval(req_range.responseText);
                draw_oxygen_diagram(measurements);
           }
        }
    }

    /* Draw a diagram */
    function draw_oxygen_diagram(data) {
        var container = document.getElementById('container');
        //var data = [[1,10], [2,8], [3,11], [4,7], [5,9]];
        graph = Flotr.draw(container, [data], {
            //shadowSize: 0,
            timeUnit: 'second', 
            yaxis : { 
                max: 20,
                min: 0
            },
            xaxis : {
                mode: 'time'
            }
        });
    }

    function refresh() {
        var now = Math.round(new Date().getTime() / 1000);
        now = 1406906881;
        get_last_oxygen('rauco', now - 86400, now);
        setTimeout(refresh, 5000);
    }

    refresh();

Answer 1

对于PHP服务器，启用CORS所需要做的就是添加此行。

header("Access-Control-Allow-Origin: *");

发送任何其他内容之前，请确保已设置此设置。 这意味着在任何echo语句或html之上。 将其放在顶部应该起作用。

网站http://enable-cors.org/index.html是学习更多有关CORS以及如何在不同服务器设置上允许它的更多信息的好资源。

Answer 2

请参阅Angular.js所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问原始“空”

“ Access-Control-Allow-Origin是在服务器的响应上设置的，而不是在客户端请求上设置的，以允许来自不同来源的客户端可以访问该响应。”