关于webpack 'Invalid Host head

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 检查