Ich habe 'Access-Control-Allow-Origin'-Fehler

Question

Ich habe diesen Fehler: Fehler beim Laden https://api.forecast.io/forecast/4a04d1c42fd9d32c97a2c291a32d5e2d/47.7510741,-120.7401385: Nein' Access-Control-Allow-Origin 'Header ist auf der angeforderten Ressource vorhanden. Ursprung 'http://localhost:10001' ist daher nicht erlaubt. wenn ich versuchte, Daten von dieser spezifischen URL mit $ http.get Methode zu holen.

app.js

var myApp = angular.module ("myApp", []);

myApp.controller ('MyController' [ '$ scope', '$ http', ($ Umfang, $ http) => {

$scope.getWeather =() => { 
    var geocodeUrl = `https://maps.googleapis.com/maps/api/geocode/json?address=${$scope.location}` 
    $http.get(geocodeUrl) 
     .then((response) => { 
      if (response.data.status === 'ZERO_RESULTS') { 
       throw new Error('Unable to find that address.'); 
      } 
      var lat = response.data.results[0].geometry.location.lat; 
      var lng = response.data.results[0].geometry.location.lng; 
      var weatherUrl = `https://api.forecast.io/forecast/4a04d1c42fd9d32c97a2c291a32d5e2d/${lat},${lng}`; 
      $scope.location = response.data.results[0].formatted_address; 
      console.log(response.data.results[0].formatted_address); 
      return $http.get(weatherUrl); 
     }).then((response) => { 
      var temperature = response.data.currently.temperature; 
      var apparentTemperature = response.data.currently.apparentTemperature; 
      console.log(`It's currently ${temperature}. It feels like ${apparentTemperature}.`); 
     }).catch((e) => { 
      if (e.code === 'ENOTFOUND') { 
       console.log('Unable to connect to API servers.'); 
      } else { 
       console.log(e.message); 
      } 
     }); 
}; 

Was ist der einfachste Weg Zugang-Steuerung zu vermeiden ? Fehler TY :)

Answer 1

Fügen Sie diese HTTP-Header auf alle Seiten von Ihrem Webserver lauscht auf localhost serviert: 10001

Access-Control-Allow-Origin: * 

Besondere Anweisungen davon abhängen, welche Server-Software Sie verwenden.