美文网首页
webpack开启服务并配置局域网访问(防止Invalid Ho

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

作者: 潘小闲也 | 来源:发表于2017-08-14 10:38 被阅读0次

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 潘小闲

相关文章

网友评论

      本文标题:webpack开启服务并配置局域网访问(防止Invalid Ho

      本文链接:https://www.haomeiwen.com/subject/dmgyrxtx.html