JSONファイルをローカルサーバーに配置する方法は？

-1

私は、直面している問題の答えを見つけようと、過去2時間にわたって私を狂ってしまった。私は自分のプロジェクトディレクトリの中に置いたdata.jsonというローカルのJSONファイルにアクセスしようとしていました。私のコンソールからこのエラーが返されました：JSONファイルをローカルサーバーに配置する方法は？

クロスオリジンのリクエストは、http、データ、クロム、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。

私はこのファイルをローカルにアクセスすることができないことを知りました。私は外部サーバーを経由しなければなりません。誰かがこのファイルを使ってどのようにローカルサーバーをセットアップしますか？誰かがpython、json-server、node、jsを使ってそれを行う方法を説明してもらえますか？私は完全に失われています。ここで

は私のコードです：

$(function(){ 

var $orders = $("#orders"); 
var $name = $('#name'); 
var $drink = $('#drink'); 

$.ajax({ 
    type: 'GET', 
    datatype: 'json', 
    url: 'data.json', 
    success: function(orders) { 
     $.each(orders, function(i, order) { 
     $orders.append('<li>Name: ' + order.name + ', Drink: ' + order.drink + '</li>'); 
     }); 
    }, 
    error: function() { 
     alert('error loading orders'); 
    } 
}); 

$('#add-order').on('click', function() { 

    var order = { 
     name: $name.val(), 
     drink: $drink.val() 
    }; 

    $.ajax({ 
     type: 'POST', 
     url: 'data.json', 
     data: order, 
     success: function(newOrder) { 
     $orders.append('<li>Name: ' + newOrder.name + ', Drink: ' + newOrder.drink + '</li>'); 
     }, 
     error: function() { 
     alert("error saving order"); 
     } 
     }); 
    }); 
});

出典

2016-08-23 pghInitechBranch