webpack项目提示Invalid Host header

问题

因为一些原因，本地host 需要绑定一个域名，然后通过绑定的域名访问项目，但是页面会报过Invalid Host header。

解决

新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。在build文件中webpack.base,config.js中找到devserver,添加{disableHostCheck: true},如图：