Reactjs 脚本服务器不可用答案

【问题标题】：Reactjs Script Server not availableReactjs 脚本服务器不可用
【发布时间】：2018-09-18 14:32:51
【问题描述】：

“React-scripts”，来自 create-react-app 启动包的一系列脚本允许我使用“react-scripts-start”来初始化服务器。一切正常，服务器打开，我可以在 localhost:3000 或使用 IP:3000 访问它问题是当我使用家里的其他设备时。我尝试连接到 IP:3000 但它不起作用。我收到“找不到服务器”。是 Windows 访问问题还是我应该设置服务器？

【问题讨论】：

这些设备是否在同一个网络中？
是的。智能手机和另一台笔记本电脑都连接到与托管笔记本电脑的服务器相同的路由器
我会尝试打开一个端口并尝试连接到它以查看问题是否与反应脚本有关。例如：服务器：nc -l -p 3000。客户：nc server-ip 3000
您需要在 Windows 防火墙上打开 3000 端口。对于 Windows 10：tomshardware.com/news/…
我打开了 3000 端口，我还尝试使用 Test-NetConnection IP -Port 3000 连接到该端口，它可以工作。不幸的是，服务器在其他设备上仍然不可用。我不确定我是否必须对路由器内的路由做任何事情

标签： reactjs server react-scripts

【解决方案1】：

我设法解决了我的问题。对我来说，它不在防火墙中，不在配置文件中。相反，它是路由器。因为我住在英国，所以我有 Virgin Media 的 Hub 3.0。解决办法是：

1) 导航到已连接的设备并复制您设备的 IP 地址。就我而言，它是 xx.xx.0.16/24，所以我复制了“xx.xx.0.16”

2) 导航到高级设置 > 安全 > 端口转发

3) 点击“创建新规则”。对于本地 IP 将是您的 IP 地址、本地起始端口和结束端口 3000；外部起始端口和结束端口 3000；协议选择两者；启用于

4) 应用更改

现在这是诀窍。当我运行命令时

npm 运行开始

我收到一条消息：

您现在可以在浏览器中查看您的项目：

本地：http://localhost:3000/

在您的网络上：http://xx.xx.37.1:3000/

我可以在托管笔记本电脑上导航到该 IP 地址：3000，但是如果我想让其他设备访问它，我必须使用路由器中设置的 IP 地址，对我来说是 xx.xx.0.16:3000

【讨论】：