webpack配置外围范围 Invalid Host header

这是因为新版的 webpack-dev-server 出于安全考虑，默认检查 hostname ，如果 hostname 不是配置内的，将中断访问。您可以设置 webpack-dev-server 的 disableHostCheck 为 true。给命令添加 --disableHostCheck=true 或者给 webpack.config.js 添加如下配置：

devServer: {
 disableHostCheck: true
}

 

最终配置 package.json
 

"scripts": {

"dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --disableHostCheck=true --config build/webpack.dev.conf.js",

"start": "npm run dev",

"build": "node build/build.js "

},