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

Question

我正在尝试学习D3.js javascript库。当我尝试运行以下代码时，我得到“Access-Control-Allow-Origin不允许使用Origin null”错误。源文件和我尝试加载的文件（bolliger-mabillard.csv）都在同一个文件夹中。我使用谷歌浏览器在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 ，这是因为域名包含与您查询的服务器完全相同。