webpack开启服务并配置局域网访问(防止Invalid Host header)

webpack开启服务并配置局域网访问

方式一:

配置package.json 在scripts下的webpack配置中添加 --host 0.0.0.0

package.json

方式二:

修改webpack.config.js文件,在devServer下添加host:'0.0.0.0'

webpack.config.js

这时候别的设备访问该页面时会发现页面还是无法访问并且显示:Invalid Host header

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

解决方式:

设置 webpack-dev-server 的配置项 disableHostCheck 为true 

或者package.json的scripts项添加--disable-host-check



.over

by 潘小闲

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,768评论 19 139
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 17,003评论 31 98
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,689评论 4 31
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 8,346评论 2 16
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,548评论 7 35