webpack开启服务并配置局域网访问
方式一:
配置package.json 在scripts下的webpack配置中添加 --host 0.0.0.0
![](https://img.haomeiwen.com/i7198479/68ffc71808777368.png)
方式二:
修改webpack.config.js文件,在devServer下添加host:'0.0.0.0'
![](https://img.haomeiwen.com/i7198479/9edf9a9992f3f92d.png)
这时候别的设备访问该页面时会发现页面还是无法访问并且显示:Invalid Host header
这是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。
解决方式:
设置 webpack-dev-server 的配置项 disableHostCheck 为true
或者package.json的scripts项添加--disable-host-check
.over
by 潘小闲
网友评论