webpack-dev-server host坑爹配置

今天下午在调试一个vue-cli生成的项目时候发现局域网内的其他设备访问不到项目主机,一开始还以为是代理或者防火墙之类的问题,检查了代理和防火墙之后确认都是关着的,于是确认问题肯定是webpack-dev-server了.

google之,发现网上已经给出了答案:将config/index.js中dev项下的host配置为:0.0.0.0. 按照这样配置之后,发现问题来了,运行npm run dev之后浏览器自动打开的host地址也变成0.0.0.0了,并且打不开,只能用localhost打开.

寻思了一下之前的项目没有遇到这个问题的呀,仔细查了一下,发现vue-cli在1.2的版本前用的是express作为server,其后改为了webpack-dev-server,所以之前的没有这个feature(bug).

作为强迫症的我当然不甘心,心想一定有某种方法可以配置好的,继续折腾,发现确实有个配置项目可关闭ip检测,叫做disableHostCheck: true的,但是这个配置项不能在cli中使用(尼玛,写到这里的时候,去查了disableHostCheck选项,发现在cli中有对应的配置项:webpack-dev-server --disable-host-check, 满怀惊喜的试了一下,依然不行,基本可以确定这个配置项只能是4.0+才可以用的了....🙃)

最后,还是只能改host配置项为0.0.0.0,然后手动在浏览器里面输入地址了,真想fuck webpack坑爹的配置...