使用Webpack DevServer时捕获「Invalid Host header」异常

当我使用nginx反向代理到vue service时，产生了一个Invalid Host header异常。

经过查找，发现对Host Header检查是Webpack DevServer的一种特性。

可以通过设置devServer.disableHostCheck或devServer.allowedHosts这两种方式中的一种来消除异常。

module.exports = {
    //...
    devServer: {
        disableHostCheck: true,
        allowedHosts: ['.host.com', 'host2.com']
    }
}

其他有关使用Webpack DevServer的服务都可以使用相同的办法处理。