我们在本地开发时使用: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,
};