Próbuję przetestować moją aplikację React na urządzeniu mobilnym. Używam ngrok, aby udostępnić mój lokalny serwer innym urządzeniom i mam to do dyspozycji z wieloma innymi aplikacjami. Jednak gdy próbuję połączyć ngrok z serwerem programistów React, pojawia się błąd:
Invalid Host Header
Uważam, że React domyślnie blokuje wszystkie żądania z innego źródła. jakieś pomysły?
-host-header
Powinny pochodzić przed numerem portu, więc pierwszy przykład powinien byćngrok http -host-header="localhost:8080" 8080
opcja 1
Jeśli nie musisz używać uwierzytelniania, możesz dodać konfiguracje do poleceń ngrok
lub
Ale w tym przypadku Uwierzytelnianie nie będzie działać w Twojej witrynie, ponieważ nagłówki i sesja przepisywania ngrok nie są prawidłowe dla Twojej domeny ngrok
Opcja 2
Jeśli używasz pakietu internetowego, możesz dodać następującą konfigurację
W takim przypadku nagłówek uwierzytelnienia będzie ważny dla Twojej domeny ngrok
źródło
Użyłem tego ustawienia w działającej aplikacji, która działa. Utworzyłem plik konfiguracyjny o nazwie configstrp.js, który zawiera następujące elementy:
Wymagaj pliku na serwerze.
i połącz jako taki
Nie przekazuj poddomeny, jeśli nie masz domeny niestandardowej
źródło