reactjs - Reactjs 脚本服务器不可用

Question

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

Answer 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