"Access-Control-Allow-Originが元のnullを許可していません"：Google Chrome

Question

D3.jsのjavascriptライブラリを学習しようとしています。以下のコードを実行しようとすると、「Origin-nullがAccess-Control-Allow-Originで許可されていません」というエラーが表示されます。ソースファイルとロードしようとしているファイル（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

あなたがあなた自身のサーバー上の例を実行している場合は、127.0.0.1によってlocalhostを交換しようとすると、これはあります。