Я пытаюсь протестировать свое приложение React на мобильном устройстве. Я использую ngrok для того, чтобы сделать мой локальный сервер доступным для других устройств, и он работает с множеством других приложений. Однако, когда я пытаюсь подключить ngrok к серверу React dev, я получаю сообщение об ошибке:
Invalid Host Header
Я считаю, что React блокирует все запросы из другого источника по умолчанию. Есть предположения?
-host-header
должен стоять перед номером порта, поэтому первый пример должен бытьngrok http -host-header="localhost:8080" 8080
Опция 1
Если вам не нужно использовать аутентификацию, вы можете добавить конфиги в команды ngrok
или
Но в этом случае аутентификация не будет работать на вашем веб-сайте, потому что ngrok переписывает заголовки и сеанс недопустимо для вашего домена ngrok
Вариант 2
Если вы используете веб-пакет, вы можете добавить следующую конфигурацию
В этом случае заголовок аутентификации будет действительным для вашего домена ngrok
источник
Я использовал эту настройку в приложении реакции, которое работает. Я создал файл конфигурации с именем configstrp.js, который содержит следующее:
Требовать файл на сервере.
и подключиться как таковой
Не передавайте поддомен, если у вас нет собственного домена
источник