Saya melihat ramai orang bertanya soalan ini, tetapi tiada jawapan yang berkesan untuk saya.

Saya cuba memanggil API Peta Google menggunakan React/Axios.

Ini adalah permintaan saya:

componentDidMount() { aksios({ kaedah: 'dapat', url: `http://maps.googleapis.com/maps/api/js?key=${key}/`, tajuk: { "Access-Control-Allow-Origin": '*' "Access-Control-Allow-Methods": 'GET', }, }) .then(fungsi (tindak balas) { console.log(respon); }) .catch(fungsi (ralat) { console.log(error); }); }

Ini ialah mesej ralat:

XMLHttpRequest tidak boleh memuatkan http://maps.googleapis.com/maps/api/js? key=xxxxxxxxx/. Respons kepada permintaan prapenerbangan gagal semakan kawalan akses: Tiada pengepala 'Access-Control-Allow-Origin' pada sumber yang diminta. Oleh itu, akses daripada 'http://localhost:3000' dinafikan.  
Saya membaca artikel tentang CORS yang ditunjuk oleh orang lain https://www.html5rocks.com/en/tutorials/cors/
 
Tetapi saya tidak dapat mencari jawapan kepada masalah saya di sana.