CORS Ausgabe Durchführung api in Anrufe reagieren/Redux Anwendung

Question

ich mit einem Fehler in Chrom wie dies eine mailchimp api und stieß auf eine Cross-Domain-Ausgabe umzusetzen versuchte:

XMLHttpRequest nicht https://us9.api.mailchimp.com/3.0/members laden kann. Die Antwort auf die Preflight-Anforderung übergibt die Zugriffskontrollprüfung nicht: Nein Der 'Access-Control-Allow-Origin'-Header ist auf der angeforderten -Ressource vorhanden. Herkunft 'http://example.com' ist daher nicht erlaubt Zugang. Die Antwort hatte HTTP-Statuscode 501.

Nach einigen Recherchen es stellt sich heraus, dass api Anrufe ich sind aus dem Browser machen (ich einfach api Anruf von einem meiner Handlungen), aber dieses Problem zu beheben sie müssen auf dem Server gemacht werden.

Daher versuche ich eine Möglichkeit zu finden, eine API vom Server innerhalb meiner Aktion aufzurufen, um dieses Problem zu umgehen.

EDIT: Eine der Lösungen, ich fand, ist für diesen Einsatz JSONP, aber ich es auch fallen musste, als ich mit ihm nicht authentifizieren kann.

Answer 1

Die Lösung, die ich zu Proxy-api gefunden ruft durch Eil auf folgende Weise:

In Ihrer ausdrücklichen config:

import request from 'request' 

app.use('/api', function (req, res) { 
    let url = 'your_api_url' + req.url 
    req.pipe(request(url)).pipe(res) 
}) 

Was Sie stattdessen tun können https://myapi.com/endpoint des Aufrufs in Ihre Komponenten verwenden /api/endpoint auf diese Weise express wird alle Instanzen von /api auf Ihrem Server mit Ihrer API Url ersetzen und führen Sie einen API-Aufruf vom Server selbst.