Angularプロジェクトをローカルで立ち上げたときに、スマホ画面などを確認するときに、スマホからアクセスしたいときがあったので、やり方をまとめておきます。
Angular側の設定
Angularプロジェクトを通常、ng serveでwebサーバを立ち上げますが、
以下のようにオプションを付けて、localhostにwebサーバを立ち上げます。
ng serve --host 0.0.0.0IPアドレスの確認
Angularのwebサーバを立ち上げているPCが、Windowsであれば、
ipconfigなど実行して、ipアドレスを取得します。
スマホからangularのwebサーバにアクセス
スマホとPCの接続しているWifiを同じものにして、
スマホのブラウザから、「http://[ipアドレス]:[ポート番号]」とURLを入力することで、
localhostで立ち上げたAngularのwebサーバにアクセスできます。
