axios Ergebnisse zu BEKOMMEN, "Nein" Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource."

Mache ich folgenden Aufruf der Dunkle Himmel API:

axios({
      url: 'https://api.darksky.net/forecast/[my key]/37.8267,-122.4233',
      timeout: 20000,
      method: 'get',
      responseType: 'json'
    })
    .then(function(r) {
      console.log(r);
    })
    .catch(function(r){
      console.log(r);
    });

Und ich bin immer diese Fehlermeldung:

XMLHttpRequest-Objekt kann nicht geladen werden https://api.darksky.net/forecast/[mein key]/37.8267,-122.4233. Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource. Herkunft 'http://localhost:3000' ist daher nicht der Zugriff erlaubt.

Ich habe versucht, das hinzufügen einer config als zweiter parameter an den Aufruf und Einstellung config werden:

var config = {
    headers: {'Access-Control-Allow-Origin': '*'}
};

Aber ich bin mir ziemlich sicher, dass getan werden muss, auf der server-Seite? Auch versucht, die Reaktion jsonp zu sehen, wenn das wäre es zu beheben, und immer noch nichts. Ich habe auch versucht mit einfach der fetch() API, aber das hat nicht funktioniert, entweder.

Ob es einen Unterschied macht, mache ich diesen Aufruf in einer app Reagieren. Wie kann ich nur den JSON und bewegen sich mit meinem Projekt?

Ja, das muss erlaubt sein, auf der server-Seite. Dies ist eine browser-Politik, also, wenn Sie proxy über eigenen server (express/Knoten etc.), dann werden Sie in der Lage zu nennen, ohne CORS.
so wie Bearbeite ich mein code funktioniert und geben Sie mir die JSON?
Bitten Sie den Eigentümer des api.dunkel.sky unterstützt Ajax.

InformationsquelleAutor Cassidy Williams | 2016-10-06

  1. 0

    Ausprobieren JSONP. Nicht so sicher wie die CORS aber funktional:

                $.get( weatherAPI, function( weather ) {
                console.log(weather);
            }, 'jsonp');

    InformationsquelleAutor Radar Hill

  2. 0

    Offensichtlich, DarkSky.net hat, gelten diese cross-domain-policy absichtlich, um Sie zu speichern - die Entwickler etwas Geld:
    https://darksky.net/dev/docs/faq#cross-origin

    Wir nehmen Sicherheit sehr ernstlich an der Dunklen Himmel. Als Sicherheitsmaßnahme haben wir deaktiviert cross-origin resource sharing (CORS) auf unseren Servern.

    Ihre API-Aufruf enthält Ihren geheimen API-Schlüssel als Teil der Anforderung. Wenn Sie waren, um API-Aufrufe von client-facing-code, könnte jemand das extrahieren und verwenden Sie Ihren API-Schlüssel, die in eine Rechnung, die Sie würden bezahlen müssen. Wir deaktivieren CORS, zu helfen, Ihre API secret key a secret.

    Zu verhindern API-Schlüssel missbrauchen, sollten Sie einen proxy-server zu telefonieren, zu unserer API-hinter den kulissen. Dann können Sie Prognosen für Ihre Kunden, ohne dass Sie Ihren API-Schlüssel.

    So, wie es scheint, den Weg zu gehen, ist entweder ein PHP-script oder eine andere form von server-side proxy-Dienst.

    Ich kann Ihre API-Abfrage kein problem mit jQuery. Aber ich kam in dieses, weil ich dachte, andere Bibliotheken sollte, lass es mich tun, wie gut. gist.github.com/adampatterson/f7b087c3c7ad13f19008efeef17a2b69

    InformationsquelleAutor TravelNomad

Schreibe einen Kommentar