Как сделать так, чтобы webpack-dev-server обслуживал одинаково с любого субдомена?

Question

Мое приложение SPA выполняет запросы AJAX на основе поддоменов.Он в основном извлекает текущий поддомен из window.location.hostname и устанавливает его как глобальную переменную.

В настоящее время, когда я пытаюсь получить доступ через субдомены, это:

Что мне нужно?Мне нужно подключить сервер dev для обработки любого subdomain.localhost: 8080, чтобы он нормально загружал содержимое, как если бы не было поддоменов.По сути, игнорировать субдомены и обслуживать их одинаково, поскольку в моем случае это должно обрабатываться самим интерфейсным приложением.

Что я уже пробовал: я пытался настроить proxy, proxyTablesи allowedHosts но у меня ничего не получилось.

Кстати, когда я обслуживаю встроенные файлы на моем сервере express.js, он ведет себя именно так, как мне нужно: обслуживать один и тот же статический контент независимо от того, какойсубдомен.

Технические характеристики системы: Chrome и MacOS Sierra.

Кроме того, я использую шаблон веб-пакета vue-cli самое последнее.

Answer 1

Ваш веб-пакет по умолчанию привязан к имени хоста и будет отвечать только этим именем.

Чтобы снять это ограничение, используйте параметр командной строки host следующим образом: --host 0.0.0.0.

Также отредактируйте файл хостов , чтобы добавить все используемые субдомены, указывающие на 127.0.0.1:

127.0.0.1 sub.localhost
127.0.0.1 other.localhost

Обычно ваш файл хостов находится по адресу:

• /etc/hosts для систем posix, таких как Unix, Mac и Linux;
• C:\Windows\System32\drivers\etc\hosts для систем win32;