Недопустимый заголовок хоста при запуске Create React App на поддомене localhost

Question

После обновления до activ-scripts 1.0.0 я получаю эту ошибку при попытке открыть свое приложение в браузере на поддомене localhost: "Invalid Host header"

Мое приложение было настроено для обслуживания разных данных для разных поддоменов: group1.localhost:3000 group2.localhost:3000 ...

Я обнаружил, что добавление приведенного ниже кода в конфигурацию моего веб-пакета должно решить проблему.

devServer: {
  disableHostCheck: true
}

Но как я могу исправить это в CRA без извлечения?

Answer 1

Пожалуйста, обновите до react-scripts@1.0.2,
Это исправляет эту проблему для пользователей, которые не используют proxy особенность в React.

Если вы используете proxy функция, пожалуйста, следуйте этим инструкциям.

Answer 2

Простым решением для среды разработки было бы установить следующую переменную среды: DANGEROUSLY_DISABLE_HOST_CHECK=true

Это можно сделать, например, добавив эту строку в .envфайл в корне проекта. Обратите внимание, что это небезопасное решение, и его не следует использовать в производственной среде.

Answer 3

Решил, добавив 0.0.0.0 <domain> в моем /etc/hosts в дополнение к добавлению домена в .env файл.

Answer 4

запуск базовогоyarnкоманда исправила ситуацию для меня

Answer 5

Добавьте HOST в свой .env файл, затем создайте приложение для реагирования, которое будет вашим хостом, а не localhost. Если это не решит проблему, добавьтеDANGEROUSLY_DISABLE_HOST_CHECK=true в .env файл.

Не забудьте перезапустить сервер разработки.

HOST=mydevserver.com