2017-07-31 49 views
26

Próbuję przetestować moją aplikację React na urządzeniu mobilnym. Używam ngrok, aby mój serwer lokalny był dostępny dla innych urządzeń i uzyskałem to działając z wieloma innymi aplikacjami. Jednak, gdy próbuję połączyć ngrok do React serwera dev, pojawia się błąd:Nieprawidłowy nagłówek hosta, gdy ngrok próbuje połączyć się z serwerem React dev

Invalid Host Header 

wierzę, że React blokuje wszystkie żądania z innego źródła domyślnie. jakieś pomysły?

Odpowiedz

72

im napotykają podobny problem i znalazł dwa rozwiązania, które działają w miarę przeglądania aplikację bezpośrednio w przeglądarce

ngrok http 8080 -host-header="localhost:8080" 
ngrok http --host-header=rewrite 8080 

oczywiście zastąpić 8080 z niezależnie od portu youre działa na

to rozwiązanie wciąż podnosi błąd, gdy używam tego na osadzonej stronie, która wyciąga plik bundle.js z aplikacji reagowania. Myślę, że od czasu, gdy przepisuje nagłówek na localhost, gdy jest osadzony, jego patrząc na localhost, którego aplikacja nie jest już uruchomiona na

+2

Dziękuję! pierwsze rozwiązanie zadziałało dla mnie. – Iulius