apollo-client funktioniert nicht mit CORS

Schreibe ich ein graphql server-Komponente auf AWS Lambda (NICHT mit graphql-server). Auf der client-Seite, ich bin mit apollo-client. Auf die Antwort der lambda-Funktion ich werde

const response = {
    statusCode: 200,
    headers: {
        "Access-Control-Allow-Origin": "*" //Required for CORS support to work
    },
    body: JSON.stringify({
        result: 'mock data',
        input: event,
    }),
};
callback(null, response);

Auf der client-Seite mit ApolloClient bekomme ich die folgende Fehlermeldung

Antwort auf preflight-Anfrage nicht passieren access control check: Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource. Herkunft 'http://localhost:8080' ist daher nicht der Zugriff erlaubt.

Aber wenn ich das ausführen derselben Anfrage mit so etwas wie axios dann funktioniert es einwandfrei. Außerdem wenn ich gerade ausführen der Anforderung, über etwas wie Postboten sehe ich die "Access-Control-Allow-Origin" - Einstellung aktiviert, die auf der Reaktion. Ist dies ein bekanntes Problem mit dem apollo-client und wie kann ich dieses Problem beheben?

Nein, das ist eher ein Problem von dir nicht zu wissen, was ein preflight Wunsch ist ... Für welche HTTP-Methode(N) angeben, die Reaktion, die Sie gezeigt haben?

InformationsquelleAutor tmp dev | 2018-02-16

  1. 9

    Zur Umgehung der CORS-Problem mit Apollo, müssen Sie die no-cors option, um die zugrunde liegenden fetch.

    import ApolloClient from "apollo-boost";

const client = new ApolloClient({
  uri: "your client uri goes here",
  fetchOptions: {
    mode: 'no-cors',
  },
});

    Dies ist nicht einer bestimmten Apollo-problem, sondern eine Konfiguration, die soll in Angriff genommen werden auf der fetch Seite, finden Sie diese für weitere Informationen: https://developers.google.com/web/ilt/pwa/working-with-the-fetch-api#cross-origin_requests

    Ich Frage mich, warum es nicht funktioniert mit Axios für Sie, ich würde erwarten, dass Sie die no-cors mode irgendwo einstellen.

    InformationsquelleAutor ivanalejandro0

  2. 1

    Ich würde davon ausgehen, Sie sind über die AWS-API-Gateway.

    Einer Frage an Sie ist: haben Sie aktiviert CORS für Ihr gateway ein?
    Sehen Sie, wie

    Ich glaube, dass sollte Ihre Probleme lösen, wenn Sie auch senden Sie cookies, Sie können auch die "Access-Control-Allow-Credentials" : true header.
    `

    Ich habe aktiviert CORS in der API-gateway als gut. Plus, wenn ich eine einfache Axios-Befehl von der gleichen client-app auf dem gleichen Endgerät funktioniert es einwandfrei. Seine nur, wenn ich versuche zu gehen, durch den apollo-client schlägt fehl.

    InformationsquelleAutor oreoluwa

Schreibe einen Kommentar