今天遇到一个问题,访问webpack启动的server,直接使用localhost和127.0.0.1都可以正常访问,但是修改了host,使用hostname访问,就会显示invalid host header。
本来一直以为是vpn导致host失效,也是一直朝这个方向修改的,可是一直没有修复
无意中发现其他host都是有效的,唯独这个不行,再看看server,已经是express了!说明请求是到达服务器的,跟host配置无关。那到底是什么问题?
原来新版的webpack-dev-server修改了一些东西,默认检查hostname。如果hostname不是配置内的,将不可访问。应该是考虑一些安全的因素,才有这种配置。
那就清楚了,之前删除过一次node_modules,重新安装之后出现了这个问题。
修复方法
disableHostCheck: true
或者
public: 'local.kingsum.biz'
看文档应该是webpack-dev-server: v1.16.4这个版本合并进来的,所以升级到这个版本之后要注意这个问题
如果不知道自己是那个版本,可以运行如下代码
npm list