如何使 webpack-dev-server 从任何子域提供相同的服务？答案

【问题标题】：How to make webpack-dev-server to serve the same from any subdomain?如何使 webpack-dev-server 从任何子域提供相同的服务？
【发布时间】：2018-06-06 18:40:35
【问题描述】：

我的 SPA 应用程序基于子域发出 AJAX 请求。它基本上从window.location.hostname 中提取当前子域并将其设置为全局变量。

目前，当我尝试通过子域访问时，我得到的是：

我需要什么？我需要 webpack 开发服务器来处理任何 subdomain.localhost:8080 以使其正常加载内容，就好像没有子域一样。基本上忽略子域并提供相同的服务，因为在我的情况下，应该由前端应用程序本身处理。

我已经尝试过：我尝试设置proxy、proxyTables 和allowedHosts，但没有成功。

顺便说一句，当我在我的 express.js 服务器中提供构建文件时，它的行为完全符合我的需要：提供相同的静态内容，无论哪个是子域。

系统规格：Chrome 和 MacOS Sierra。

另外，我正在使用最新的 vue-cli webpack 模板。

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案1】：

尝试使用

disableHostCheck: true,

【讨论】：

【解决方案2】：

默认情况下，您的 webpack 绑定在主机名上，并且只会使用该名称进行响应。

要消除该限制，请使用命令行参数host，如下所示：--host 0.0.0.0。

同时编辑您的 hosts 文件，添加所有使用的指向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 系统；

【讨论】：