"Недопустимый заголовок хоста" при запуске приложения React

У меня есть один простой проект React JS, и я развертываю его в OSE. Также я использую ниже зависимости в моем проекте.

 "webpack": "^2.2.0",
 "webpack-dev-server": "^1.14.1",
 "react": "^15.5.4",
 "react-router-dom": "^4.1.1"

Кроме того, я запускаю свой проект через сборку script.

"build": "SET NODE_ENV=production && webpack-dev-server --host 0.0.0.0 --inline --history-api-fallback --content-base . "

Все отлично работает в OSE, и Webpack скомпилирован успешно. Но при доступе к URL-адресу он показывает "Недопустимый заголовок хоста" на веб-странице.

Может ли кто-нибудь помочь в этом. Несколько новое в действии.

Спасибо в Advance.

ОТВЕТЫ

Ответ 1

В конфигурации вашего веб-пакета вы можете добавить disableHostCheck: true в devServer. Например,

devServer: {
  disableHostCheck: true
}

Ответ 2

Просто чтобы объяснить, почему это происходит.

webpack-dev-server выпустил v2.4.3.

Записывая примечание к патчу:

Заголовок хоста запроса должен соответствовать адресу прослушивания или хосту, предоставленному в общедоступном параметре. Обязательно укажите правильные значения.

Они также включили disableHostCheck, чтобы отключить эту проверку, НО

Используйте его только тогда, когда вы знаете, что делаете. Не рекомендуется.

Ответ 3

измените хост на 127.0.0.1 в build script.

"build": "SET NODE_ENV=production && webpack-dev-server --host 127.0.0.1 --inline --history-api-fallback --content-base . "