Estou tentando carregar dados de um arquivo json em uma tabela html.
Estou tentando resgatar o json desta forma:
function getJson(){
$.getJSON('dados/livros.json', function(data){
console.log(data);
});
}
Exemplo do json que estou tentando resgatar:
{
"livros": [
{
"id":1,
"imagem":"images/JavaScriptEJquery.jpg",
"nome":"Javascript e Jquery - Desenvolvimento de Interfaces Web Interativas",
"autor":"JON DUCKETT",
"genero":"Didatico",
"anoEdicao":"2016",
"editora":"AltaBooks",
"estado":"Disponivel"
},
{
"id":2,
"imagem":"images/ScrumAArteDeFazerODobroNaMetadeDoTempo.jpg",
"nome":"Scrum - A Arte de Fazer o Trabalho na Metade do Tempo",
"autor":"JEFF SUTHERLAND",
"genero":"Didatico",
"anoEdicao":"2016",
"editora":"LEYA",
"estado":"Indisponivel"
}
]
}
Localização do arquivo json:
Error:
jquery-3.3.1.js:9600 Access to XMLHttpRequest at 'file:///D:/Catalogo%20de%20Livros/dados/livros.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Já estou a algum tempo pesquisando mas ainda não consegui solucionar este problema, nunca tinha me deparado com este erro antes. Qual é a causa este error ? como resolver ?