解决 Webpack "Invalid Host Header"

环境

npm 5.6.0

yarn 1.6.0

webpack版本 3.11.0

原因

webpack 对 host 进行了安全检查

解决方案 1 （推荐）

配置 package.json

vue.lvlanzi.club 为授权的host
"scripts": {
    "dev": "webpack-dev-server --public vue.lvlanzi.club 
    --inline --progress --config build/webpack.dev.conf.js"
  }

解决方案 2

配置 webpack.dev.conf

 devServer: {
   disableHostCheck:true
 }

webpack 官方文档

webpack.config.js 配置文件参数详细介绍: webpack 官方文档