关于webpack 'Invalid Host header' 错误

96
萧雪圣
0.1 2018.02.01 15:45 字数 109

1.问题
vue项目运行npm run dev 使用natapp把本地127.0.0.1:8080地址映射到外网,出现Invalid Host header错误

2.原因
这是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。

3.解决方法
package.json文件里修改scripts命令
webpack-dev-server --disableHostCheck=true
作用是关闭 host 检查

image.png

日记本
Web note ad 1