host 域名 配置后报错 dev server invalid host header_host中自定义域名报错invalid host header

我们在本地开发时使用：webpack-dev-server 作为静态资源服务器时，会有时候会出现：Invalid Host Header的错误

原因是 webpack-dev-server 对 host header 进行了正确性检测，以屏蔽未经授权的访问。

解决方案：

1、 在执行 webpack-dev-server 命令时 添加 --public 选项

$ webpack-dev-server --open --config ./webpack/dev.config.js --progress --public

2、在webpack-dev-server 的配置文件中添加： disableHostCheck: true 选项

webpackConfig.devServer = {
  hot: true,
  compress: true,
  contentBase: '/pmsop',
  watchContentBase: true,
  disableHostCheck: true,
};