나는 내가 마주 치고있는 이슈에 대한 답을 찾기 위해 지난 두 시간 동안 미쳐 버렸다. 내 프로젝트 디렉토리에 배치 된 data.json이라는 로컬 JSON 파일에 액세스하려고했습니다. 내 콘솔에서 다음 오류를 반환했습니다.JSON 파일을 로컬 서버에 저장하는 방법은 무엇입니까?
교차 출처 요청은 http, 데이터, chrome, chrome-extension, https, chrome-extension-resource와 같은 프로토콜 스키마에서만 지원됩니다.
이제이 파일을 로컬에서 액세스 할 수없고 외부 서버를 통해 액세스해야한다는 것을 알았습니다. 누군가이 파일을 사용하여 로컬 서버를 어떻게 설정합니까? 누군가 파이썬, 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");
}
});
});
});
이