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

image.png

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 118,154评论 14 132
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 6,849评论 7 35
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 14,645评论 31 96
  • 1.你还记得,那个被风吹过的夏天? 很多时候,我都会想起那个夏天,那个被风吹过的夏天,至今难忘。虽然那个被风吹过...
    释空沙阅读 196评论 0 1
  • 高中毕业,在学校时所做的打工计划便可以正式实施了。本是计划着和同学去外地打工,但是想法总是在变化,想到现在的社...
    你好淡定阅读 104评论 0 0