“Access-Control-Allow-Origin不允许Origin null”：Google Chrome

Question

我正在尝试学习D3.js javascript库。当我尝试运行下面的代码时，我得到了“访问-控制-允许-起源不允许原始空值”错误。源文件和我试图加载的文件(bolliger-mabillard.csv)都在同一个文件夹中。我使用Google Chrome在Mac上运行它。如何强制Chrome加载此csv文件？

function init() {

    d3.csv("http://localhost/~vikalpjain/bolliger-mabillard.csv",function(data){
        vis.append("svg:g")
        .attr("class", "x axis")
        .attr("transform","translate(0," + (h-MARGINS.bottom) + ")")
        .call(xAxis);

        vis.append("svg:g")
        .attr("class" ,"y axis")
        .attr("transform", "translate(" + (MARGINS.left) + ",0)")
        .call(yAxis);

        update ();
    })

Answer 1

如果您在自己的服务器上运行示例，请尝试将localhost替换为127.0.0.1，这是因为域名必须与您要查询的服务器完全相同。