WIndows11でBrowserSyncで立ち上げたサーバー上のページに外部端末からアクセスする

投稿日: 更新日:

なんかハマった上にややこしかったのでメモ。

BrowserSyncでサーバーを立ち上げると、ログにこういう感じで外部アクセス用のURLが「Ecternal」の項目に表示されるが、手持ちのスマホとかの外部端末からアクセス試みると上手く行かず。

[Browsersync] Access URLs:
 -------------------------------------------
  Local: http://localhost:7777/hoge/
External: http://192.168.123.123:7777/hoge/
 -------------------------------------------

一方でMacで同じことをやってみると、これが上手く行く。

ただメインはWindowsの端末なので、何とかWindowsのサーバー側にアクセスできないものか。

AIに聞いてみると、原因の可能性の1つとして「PCのIPアドレスが正しいか確認しろ」との事。
なんかよく分かないので、とりあえずWindowsのコマンドラインからipconfigを実行する。
返ってきたのは次の通り。

Windows IP 構成


不明なアダプター ローカル エリア接続:

...

イーサネット アダプター イーサネット 2:

   接続固有の DNS サフィックス . . . . .:
   リンクローカル IPv6 アドレス. . . . .: xxxx::xxxx:xxxx:xxxx:xxxx
   IPv4 アドレス . . . . . . . . . . . .: 192.168.123.123
   サブネット マスク . . . . . . . . . .: 255.255.255.0
   デフォルト ゲートウェイ . . . . . . .:

...

Wireless LAN adapter Wi-Fi:

   接続固有の DNS サフィックス . . . . .:
   IPv6 アドレス . . . . . . . . . . . .: xxxx::xxxx:xxxx:xxxx:xxxx
   一時 IPv6 アドレス. . . . . . . . . .: xxxx::xxxx:xxxx:xxxx:xxxx
   リンクローカル IPv6 アドレス. . . . .: xxxx::xxxx:xxxx:xxxx:xxxx
   IPv4 アドレス . . . . . . . . . . . .: 192.168.222.222
   サブネット マスク . . . . . . . . . .: 255.255.255.0
   デフォルト ゲートウェイ . . . . . . .: xxxx::xxxx:xxxx:xxxx:xxxx
                                          192.168.222.228

...

そこで、次のように、先述のExtenalのアドレスのドメイン部分を、ワイヤレスLANの方のIPv4アドレスに変更。

 http://192.168.123.123:7777/hoge/

http://192.168.222.222:7777/hoge/

結果、アクセス出来た。なんかよくわからん。。

関連するタグ

BrowserSync, Windows11