XMLHttpRequest无法加载。在预检响应中，Access-Control-Allow-Headers不允许请求标头字段X-CSRF-TOKEN

Question

我尝试使用Google maps API从coords获取路线名称。 我使用Laravel 5.4，vue.js和axios。这是我的代码

 getGeolocation: function () {
    //test if browser supports geolocation
    if (navigator.geolocation) {
      //get coords positions
      navigator.geolocation.getCurrentPosition(geoSuccess, geoError);
    } else {
      alert("don't supports");
    }
    function geoSuccess(position) {
      //get params from coords
      var lat = position.coords.latitude;
      var lng = position.coords.longitude;
      //inverse geocodificacion
      axios.get('https://maps.googleapis.com/maps/api/geocode/json?',{
        params: {
          latlng: lat+','+lng,
          key: 'KEY-API',
          language: 'es'
        }
      }).then(response => {
        console.log(response.headers);
      }).catch(error => {
        console.log(error);
      })
    }
    function geoError(e) {
      console.log(e);
    }
  }

然后，我遇到了这个问题：

XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/geocode/json?&latlng=-12.129423599999999,-77.0311565&key=API-KEY&language=es。在预检响应中，Access-Control-Allow-Header不允许使用请求标头字段X-CSRF-TOKEN。

有人可以帮忙解决问题吗？