webpack-dev-server 怎么用其他设备访问？

Question

webpack-dev-server 只能用localhost访问吗？ 我想在手机看 怎么设置。？

Answer 1

增加 -host 0.0.0.0 配置项。

http://webpack.github.io/docs/webpack-dev-server.html
话说webpack的官方文档真心无力吐槽。

Answer 2

在webpack.config.js文件的devServer里加上host:'0.0.0.0',然后通过本地服务器就可以访问了。

Answer 3

"scripts": {
    "dev": "webpack-dev-server --inline --hot --devtool --progress --colors --port 9090 --host 10.0.0.4",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},

注意host接ip不要加冒号

Answer 4

电脑本地开个WIFI,手机链接，输入你本地的ip地址

Answer 5

如果两个电脑是局域网也可以说同一个网，可以把config下的index.js 文件里面把 host 修改成 host:'0.0.0.0' 修改完成之后重新启动一下服务，再然后用另外一条电脑访问的时候加上要访问电脑的IP，如: http://10.1.1.2:8899,IP后面可以修改成你的端口号和你的项目路由名称，自己测试过了，可以使用。

还有一个主意的地方，如果被访问的电脑config下的index.js 把 host 修改成 host:'0.0.0.0'， 修改后启动服务发现打不开页面，这个时候不要关闭服务，直接在把0.0.0.0:8899 换成 http://localhost:8899,就可以访问了，另外一台电脑不需要做任务更改，还是直接加上被访问的电脑IP端口号就可以了
如果不好使的话在这里联系我 https://www.jianshu.com/u/cba...

---