Не удается получить конечные данные, когда я запускаю приложение react с другого устройства

У меня есть проект с react на переднем плане и django/python и postgres на заднем

Все идет нормально на компьютере, но если я запускаю его с другого устройства, в той же сети, данные не могут быть загружены, говорится об ошибке сети axios

Я нашел свой Ip с помощью ipconfig, предположим это 192.xxx.xxx.xxx, затем я установил в мобильном устройстве http:// 192.xxx.xxx.xxx:3000, он запускает приложение, но данные не могут быть найдены там, он говорит AxiosError: Network Error

Мой компьютер распознает сеть wifi 2.4, затем я подключаю телефон к сети 2.4

В вызове axios я установил адрес следующим образом:

const response = await axios.get(
         `http://127.0.0.1:8000/api/v1/whole_menu/${restaurantId}`
);

(я не использую localhost)

Но я все еще получаю ошибку сети в телефоне, но в компьютере все в порядке

Что это может быть?

Заранее спасибо

Рафаэль

EDIT:

Я понимаю, что звонки не доходят до бэкенда, axios отклоняет устройство с ошибкой сети

Вероятно, вы не обновили свой брандмауэр. Чтобы другие устройства могли общаться с вашим ПК, вам необходимо, что называется, открыть свой порт для трафика tcp, в данном случае порт 3000. Как это сделать, вы можете найти, например, здесь: https://answers.microsoft.com/en-us/windows/forum/all/how-to-open-port-in-windows-10-firewall/f38f67c8-23e8-459d-9552-c1b94cca579a. Имейте в виду, что другие пользователи вашей сети теперь могут отправлять трафик на ваш ноутбук. Поэтому будет разумно отменить это, когда вы закончите тестирование.

Вернуться на верх