关于webpack 'Invalid Host header' 错误

0.06字数 109阅读 5518

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为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
  • 前言: 学习webpack的时候,看过它的官网,发现非常难懂,各种内容编排的很乱,并且挺生涩难懂的,和React ...
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...