Cómo usar CORS para implementar la solicitud de la API de JavaScript de Google Places [duplicado]
Esta pregunta ya tiene una respuesta aquí:
XMLHttpRequest no puede cargar el encabezado XXX No 'Access-Control-Allow-Origin' 6 respuestasRealmente NO entiendo cómo se supone que debo hacer que esto funcione:
var requestURL = 'https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=AIzaSyAW4CQp3KxwYkrHFZERfcGSl--rFce4tNw';
console.log(requestURL);
$.getJSON( requestURL, function( data ) {
// data
console.log(data);
});
y mi archivo HTML:
<body>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script src="main.js" charset="utf-8"></script>
</body>
Siempre consigo elNo hay encabezado 'Access-Control-Allow-Origin' presente en el recurso solicitado. mensaje ... aunque si voy ahttps://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=AIzaSyAW4CQp3KxwYkrHFZERfcGSl--rFce4tNw en mi navegador recibo el JSON correcto devuelto.
Me hacen creer que CORS puede ayudarme aquí. No entiendo CORS. Por favor, ¿alguien puede ayudarme en términos simples y simples? ¿Qué debería cambiar para que esto funcione?
Gracias