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

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