Сервер сценариев Reactjs недоступен

«React-scripts», серия скриптов из стартового пакета create-react-app, позволяет мне использовать «response-scripts-start» для инициализации сервера. Все работает нормально, сервер включается, и я могу получить к нему доступ на localhost: 3000 или используя IP: 3000 Проблема в том, когда я использую другие устройства из своего дома. Я пытаюсь подключиться к IP: 3000, но не получается. Я получаю сообщение «Сервер не найден». Это проблема с доступом Windows или я должен настраивать сервер?


person Iulian    schedule 18.09.2018    source источник
comment
Эти устройства находятся в одной сети?   -  person Pedro Brost    schedule 18.09.2018
comment
Да, они. И смартфон, и другой ноутбук подключены к тому же маршрутизатору, что и ноутбук, на котором установлен сервер.   -  person Iulian    schedule 18.09.2018
comment
Я бы попытался открыть порт и попытаться подключиться к нему, чтобы узнать, связана ли проблема с реактивными скриптами или нет. например: Сервер: nc -l -p 3000. Клиент: nc server-ip 3000   -  person Pedro Brost    schedule 18.09.2018
comment
Вам нужно открыть порт 3000 в брандмауэре Windows. Для Windows 10: tomshardware. ru / news /   -  person MrCode    schedule 18.09.2018
comment
Я открыл порт 3000, я также попытался подключиться к этому порту с помощью Test-NetConnection IP -Port 3000, и он работает. К сожалению, на других устройствах сервер до сих пор недоступен. Я не уверен, что мне нужно что-то делать с маршрутизацией внутри маршрутизатора   -  person Iulian    schedule 18.09.2018


Ответы (1)


Мне удалось решить мою проблему. Для меня этого не было ни в файерволе, ни в файлах конфигурации. Вместо этого это был роутер. Поскольку я живу в Великобритании, у меня стоит Hub 3.0 от Virgin Media. Решение такое:

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

person Iulian    schedule 18.09.2018