解决 webpack-dev-server 导致的 invalid host header

问题原因

webpack-dev-server 在此之前更新了 2.4.3 和 1.16.4 两个版，更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就会出现这个问题，也就是“Invalid Host Header”。

解决方案

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

host 为 localhost 或 127.0.0.1 时不会受阻。
只有使用 webpack-dev-server 或webpack-dev-middleware 时会进行该项检测，webpack 和 打包后的代码不受此影响。