Kann keine Formulardaten von React an ein PHP-Skript senden

Question

Ich versuche mein ReactJS-Skript mit einem Backend-PHP-Skript zu authentifizieren. Leider erhalte ich folgende Fehlermeldung:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://ourlanguages.net/data/getinfo.php . (Reason: CORS header 'Access-Control-Allow-Origin' missing).

Sowohl die React JS-Dateien als auch die PHP-Dateien befinden sich auf meinem Server. Ich gehe davon aus, dass es ein Cross-Origin ist, denn sobald der Benutzer das Javascript in seinen Browser geladen hat, wird es nicht länger als von meinem Server kommend angesehen. Was kann ich tun, um das zu beheben?

Ich benutze die meisten Formulare Code hier: https://facebook.github.io/react/docs/forms.html und ändern, um einen Benutzernamen und ein Passwort zu akzeptieren.

Ich versuche dann, diesen Namen und mein Passwort an mein PHP-Skript zu senden, das eine Nachricht zurück sendet, die angibt, ob der Benutzer authentifiziert wurde oder nicht. Dies ist der Code, der mir bei dem das Problem geben:

handleSubmit(event) { 
    alert('Data was submitted: ' + this.state.user + ': ' + this.state.password); 
    event.preventDefault(); 

    let response = fetch('http://example.com/verify_login.php', { 
     method: 'POST', 
     headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json' 
     }, 
     body: JSON.stringify({ 
       username: username, 
       password: password 
     }) 
    }).then((response) => { 
      return response.json() 

    }).then((responseJSON) => { 
      alert("Response: " + responseJSON); 
    }) 



    } 

Als Seite Frage konnte ich einen ähnlichen Code verwenden, in der india Reagieren und es funktionierte gut. Was ist der Unterschied in der Handhabung von React JS und React Native?

Answer 1

Sie müssen Ihren PHP-Code senden einen Access-Control-Allow-Origin Antwortheader.

So fügen Sie den folgenden an die Spitze Ihrer .php Quelldatei: „Sowohl die JS Reagieren Dateien und die PHP-Dateien auf meinem Server befinden“

<?php 
header("Access-Control-Allow-Origin: *");