Почему может не работать удаленный доступ в Browsersync?

Question

[Сергей Коноваленко]

Запускаю Browsersync в папке со статической версткой. Для доступа создаются два URL:

Local: http://localhost:3000 
External: http://192.168.0.101:3000

С телефона захожу по адресу External, но ничего не загружается. Компьютер и телефон подключены к одной сети.

Роутер использую TP-LINK Archer C6 AC1200 MU-MIMO, который недавно приобрел.

При подключении к сети старого роутера ZTE AC 70, который у меня был до этого, все работает.

Comments

[Ejex Xeffer]

Вобщем я разобрался. Грубо говоря это может быть прроблвема с брандмауэром или файерволом. В моем случае был настроен ufw(тоесть firewall) в ubuntu. Открыл порты и все заработало.
Почему они были закрыты? А потому, что я настраивал nginx со всей херней, но в последствии забыл об этом.
Буду рад если этот совет поможет сэкономить время кому нибудь.
Кстати port forwarding тут вообще не при чем. Запросы снаружи проходят через port forwarding, а не изнутри.
Понял я это, запустив сборку на другой машине в сети.

Answer 1

[Morrowind]

Привет.
А компьютер видит телефон по серой сети и наоборот?
Возможно просто не открыт порт или настройки нового роутера иные. (в старом порт порт открыт на пример)

Попробуйте добавить в указанном разделе ваш сервер после вышеуказанных проверок видимости.

Answer 2

[Ejex Xeffer]

Похожую фигню сейчас испытываю, вообще непонятно откуда взялась такая беда.

Answer 3

[Сергей Коноваленко]

В консоле введите команду ipconfig, там будет указан ваш локальный IP адрес, например: IPv4 Address. . . . . . . . . . . : 192.168.0.101.

Скопируйте этот IP и при вызове Browsersync указывайте в значении флага --host, например:

browser-sync start --server --files "*/**, *.*" --host 192.168.0.101

Можно для этой команды создать глобальный алиас, чтобы каждый раз не вводить все это, а использовать короткую свою команду.

То есть, суть в том, что, чтобы страницу можно было смотреть и через телефон, нужно, чтобы локальный IP адрес компьютера и IP адрес, на котором загружает страницу Browsersync, был один и тот же.

У меня Browsersync использовал IPv4 Address, который был указан в разделе Ethernet adapter Ethernet 3, а нужно было, чтобы использовал IPv4 Address, который указан в разделе Wireless LAN adapter. После того, как при вызове Browsersync задал нужный --host, все заработало.

Comments

[Ejex Xeffer]

const configSync = {
server: {
baseDir: './',
index: 'index.html'
},
port: 3000,
// open: "local",
notify: false
};
Вот настройки browsersync'а
Раньше у меня спокойно работал external адрес, никаких проблем не возникало. Сейчас же просто не могу зайти с рабочего когда то gulpfile. Причем эта проблема возникла изначально в webpack-dev-server. Я подумал, что возможно это проблема в webpack. Но видимо проблема в чем то еще. Потому, что при поднятом nginx на машине с сайтом на localhost:80 у меня есть доступ к сайту по моему ip без указания порта 3000 или 8080 (в случае webpack)