关于webpack 'Invalid Host header' 错误

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

关于webpack 'Invalid Host header' 错误_第1张图片
image.png

你可能感兴趣的:(关于webpack 'Invalid Host header' 错误)