Webpack "Invalid Host Header"

webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。

是由于webpack更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就回出现问题

解决方案

官方提供了两个解决方案：

• 执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，这是官方建议的做法，目的是为了安全。
• 设置 webpack-dev-server 的配置项 disableHostCheck 为 true 以禁用这一检测，如果开发者使用了代理，或在开发环境中不 care 这些安全问题，该设置可以直接斩草除根。