http://ローカルIP:3000に他のPCからアクセスできない

Question

Reactを用いて、レスポンシブデザインのポートフォリオサイトを作成しようとしているのですが、npm startでデプロイしたはずのサイトにスマートフォンからアクセス出来ません。

●現状
npm start時に以下のコンソールが出力され、ホストPCではLocal,On Your Networkに出力されているアドレスをブラウザに入力することでサイトの確認はできました。

Compiled successfully!

You can now view react-portfolio in the browser.

Local: http://localhost:3000/
On Your Network: http://xxx.xxx.xxx.xxx:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.

●対策
ファイアウォールの受信の規則にTCP/ポート3000番を追加しました。
それでもダメだったので、ファイアウォールを無効にしましたが効果はありませんでした。
念のため、スマホ側のモバイル回線接続をOFFにし同じwi-fiを使用して接続していることを確認したうえでOn Your Networkのアドレスをブラウザで叩きましたがダメでした。

Answer 1

http://localhost:3000/
ってのをアドレス欄に入れたんだったらダメですぜ
ちゃんとそいつのローカルIP調べて入れないと

Comments

[absl_0851]

回答ありがとうございます！
はい、コンソールに出力されたOn Your Networkに記載されていたローカルip(ipconfigにも同じ記載がありました)を入力したのですがダメでした。。

[y_waiwai]

Windowsなら、コマンドプロンプトでipconfigを実行して調べてみてください