webpack-dev-server 启动 dev server 后,如何让其它的机器可以访问该 server?

2022-05-24 12:27:20 +08:00
 yazoox

主要是为了调试方便。

本地 IP: 198.0.1.2 防火墙已经关闭

然后用 webpack-dev-server 启动后,端口是 8080. 本地访问: http://locahost:8080/可以成功

另外一台机器 198.0.1.10 访问 http://198.0.1.2:8080 提示我

This site can’t be reached
198.0.1.2 refused to connect.

我添加了启动参数,比如:--public 0.0.0.0:8080 (或者 --public 198.0.1.2:8080 )看命令行,提示 server 启动成功,但是在浏览器里面输入 http://0.0.0.0:8080 直接提示我错误(就更别提远程访问了)

This site can’t be reached
The webpage at http://0.0.0.0:8080/ might be temporarily down or it may have moved permanently to a new web address.

google 了一下,什么 allowedHosts ,disableHostCheck 参数也设置了,貌似没有啥用。
p.s. refer to:
https://github.com/webpack/webpack-dev-server/issues/882

1045 次点击
所在节点    webpack
6 条回复
lalalaqwer
2022-05-24 12:56:05 +08:00
先搞清楚 localhost 127.0.0.1 跟 0.0.0.0 的区别吧
timpaik
2022-05-24 12:57:28 +08:00
http://0.0.0.0:8080 本来也不能访问
https://zh.wikipedia.org/wiki/默认路由
shintendo
2022-05-24 13:33:00 +08:00
。。。哥,0.0.0.0 意思是监听 [whatever 本机 IP is] ,是一个特殊值,用来告诉 webpack server 你要允许外部访问,不是说它真的监听 0.0.0.0

你需要做的是用 0.0.0.0 参数启动,然后用 198.0.1.2 访问
shintendo
2022-05-24 13:35:11 +08:00
你把这里的 0.0.0.0 理解为 null 就行了
yazoox
2022-05-24 13:42:50 +08:00
@shintendo 明白了。
我现在是用 0.0.0.0 参数启动,本地 http://locahost:8080 是可以访问的。
但是远程 http://192.0.1.2:8080 访问不到服务
还是 refuse connection
EyebrowsWhite
2022-05-24 15:26:35 +08:00
有一个 allowHosts 的选项,需要设置成 all

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/854937

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX