Reactjs脚本服务器不可用

Question

create-react-app入门包中的一系列脚本“ React-scripts”使我可以使用“ 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