10

webpack-dev-server disableHostCheck导致 invalid host header

今天遇到一个问题,访问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这个版本合并进来的,所以升级到这个版本之后要注意这个问题


frontoldman
4.5k 声望1.3k 粉丝

前端开发者