Ich versuche, meine React-Anwendung auf einem mobilen Gerät zu testen. Ich verwende ngrok, um meinen lokalen Server für andere Geräte verfügbar zu machen, und habe dies mit einer Vielzahl anderer Anwendungen zum Laufen gebracht. Wenn ich jedoch versuche, ngrok mit dem React dev-Server zu verbinden, wird folgende Fehlermeldung angezeigt:
Invalid Host Header
Ich glaube, dass React standardmäßig alle Anfragen von einer anderen Quelle blockiert. Irgendwelche Gedanken?
-host-header
sollte vor der Portnummer kommen, also sollte das erste Beispiel seinngrok http -host-header="localhost:8080" 8080
Option 1
Wenn Sie die Authentifizierung nicht verwenden müssen, können Sie ngrok-Befehlen Konfigurationen hinzufügen
oder
In diesem Fall funktioniert die Authentifizierung auf Ihrer Website jedoch nicht, da das Umschreiben von Headern und Sitzungen durch ngrok für Ihre ngrok-Domain nicht gültig ist
Option 2
Wenn Sie Webpack verwenden, können Sie die folgende Konfiguration hinzufügen
In diesem Fall ist der Authentifizierungsheader für Ihre ngrok-Domain gültig
quelle
Ich habe dieses Setup in einer funktionierenden Reaktions-App verwendet. Ich habe eine Konfigurationsdatei mit dem Namen configstrp.js erstellt, die Folgendes enthält:
Benötigen Sie die Datei auf dem Server.
und als solche verbinden
Übergeben Sie keine Subdomain, wenn Sie keine benutzerdefinierte Domain haben
quelle