Исправить "неверный заголовок хоста" в Angular

Question

У меня есть приложение в Angular v4, которое должно изменить scss в зависимости от URL доступа. Например: если в браузере ссылка «example.com», то приложение имеет цвет фона: черный если ссылка «example2.com», то цвет фона: красный

У меня следующая проблема:

когда я захожу к хостам в C: \ Windows \ System32 \ drivers \ etc и я устанавливаю следующую конфигурацию в хостах 127.0.0.1 example.com 127.0.0.1 example2.com

затем я запускаю приложение с "example.com:4200", приложение не запускается ... браузер показывает мне это сообщение

"неверный заголовок хоста"

Как мне решить эту проблему?

Answer 1

Это появилось для меня под углом 7.2.1

Предполагается, что вы используете Angular CLI, решение было добавить следующую строку в angular.json под architect> serve> options:

"disableHostCheck": true

Answer 2

Вы, вероятно, используете сервер разработки веб-пакетов. У него есть опции для установки в webpack.config.js в пределах devServer:

• host
• allowedHosts
• disableHostCheck

Возможно, одна из тех работ для вас?

Источники:

• Я получаю сообщение «Недопустимый заголовок хоста» при запуске моего приложения React на сервере Webpack dev на Cloud9.io
• https://webpack.js.org/configuration/dev-server/