Estou seguindo as aulas e resolvi fazer um sitezinho que calcula frete de motoboy baseado na distancia que recebo da api do google maps. Só que quando fui fazer a requisição, o navegador me voltou essa mensagem: from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
Dei uma pesquisada no forum e em outros sites, pelo o que entendi eu não posso fazer requisições direto com o javascript, eu teria que ter um server backend para isso (?)
Alguem pode me explicar melhor? Pois na API do professor por exemplo ele consegue fazer requisições normal.
meu código:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://maps.googleapis.com/maps/api/distancematrix/json?origins=Vila+Maria+São+Paulo+Rua+Guaranesia+1445&destinations="+cep+"&key=minhakey");
xhr.addEventListener("load", function() {
var resposta = xhr.responseText;
console.log(typeof resposta);
})
xhr.send();
