Почему я не могу ввести URL-адрес в браузере моего телефона для просмотра моего сайта в реальном времени?

Question

Я использую расширение под названием Live Server в коде Visual Studio.Когда я запускаю в прямом эфире, открывается браузер и URL-адрес http://127.0.0.1:5500/index.html. Почему я не могу открыть этот URL-адрес в браузере моего телефона, чтобы увидеть живой сайт на телефоне.Есть ли способ сделать это (Live перезагрузить на телефоне и в браузере)?

Примечание: Я также разрабатываю с использованием ionic, и когда я ionic serve, я вижу его в браузере и когда яоткройте приложение ionic dev (не ionic view!), я вижу приложение live на телефоне.Я могу просматривать его на нескольких устройствах при условии, что все устройства находятся в одной сети, с чем у меня все в порядке.

Answer 1

127.0.0.1 - это адрес IPv4 специального назначения, зарезервированный для целей обратной связи.То есть этот IP относится к самому вашему компьютеру.

При вводе http://127.0.0.1:5500/index.html в браузере вы запрашиваете веб-страницу в вашего компьютера.

В обычном случае ваш компьютер будет находиться в сети NAT (например, под той же точкой доступа Wi-Fi), и вам будет присвоен виртуальный IP-адрес.Обычно это 192.168.xx

Вы можете ввести следующую команду в командной строке, чтобы увидеть свой IP-адрес.

ipconfig

Если вы используете Mac или Linux, используйте это вместо этого.

ifconfig

В результате под вашей сетевой картой вы получите IP-адрес .

Если IP-адрес принадлежит виртуальному IP, то выможет получить к нему доступ с вашего телефона, используя

http://< Your IP Address >:5500/index.html

Если это не виртуальный IP, это публичный IP.Затем вам нужно будет настроить соответствующие параметры Firewall в этом случае.

Надеюсь, это поможет.

Answer 2

Позвольте мне прояснить это для вас.мы называем localhost или 127.0.0.1 в качестве обратной петли.который сам по себе будет указывать на одну и ту же машину (означает, что конкретная служба также должна быть размещена на той же машине).Что Microsoft сделала с Visual Studio Live Share, так это то, что при наличии расширения Live Share она создаст обратный прокси-сервер между хостом (где размещен сервер) и целью (в данном случае вашим браузером), что означает, что, хотя ваш хост находится вВ другой стране добавочный номер будет туннелировать прозрачный прокси на ваш адрес обратной связи.Visual Studio Live Share - это то, чего нет у вашего телефона, а Microsoft пока не поддерживает.Если вы по-прежнему хотите получить доступ к своей локальной службе, то вы можете отключить брандмауэр (или пройти через тот конкретный порт, где размещена служба) и подключить телефон к той же сети, что и ваша машина, на которой служба запущена и вместо этого используется http://127.0.0.1:5500/index.html используйте http: // UR SERVER IP: 5500 / index.html вы можете получить UR SERVER IP, указав ipconfig в командной строке windows или ifconfig, если ваш сервер работает в linux.

Answer 3

Запустите ipconfig и найдите свой частный IP.Убедитесь, что ваш телефон находится в той же сети.перейти к http://192.168.0.***:5500/

Answer 4

Невозможно открыть один и тот же URL-адрес на вашем телефоне, поскольку этот URL-хост (127.0.0.1) ссылается на локальный хост (тот же компьютер).

Если ваш телефон и сервер находятся в одной сети, выможет заменить текущий хост локальным IP-адресом серверов.

Так что, если локальный IP-адрес вашего сервера: 192.168.0.36, URL, который вы вводите в своем телефоне, должен быть http://192.168.0.36:5500/index.php.