まなさすのブログ
manasblog

portfolio

映画・読書雑記更新情報技術メモ
eyecatch

2021/7/25 7:13 

iPhoneでlocalhostを動作確認する

よく躓くのでメモ

重要ポイント

  • 0.0.0.0でアクセスできるようにしておくこと
    • vue-cliで生成したアプリだと初期設定が0.0.0.0でアクセスできるようになっていないので、その設定を追加してやる必要がある

手順

  1. webpack-dev-serverでモバイルからアクセス可能なローカル開発サーバーを立ち上げる(in vue-cli) - Qiita を参考に下記を実施
    1. 0.0.0.0でserveするようにする
      1. 初期状態ではlocalhostのみで接続できる状態になっており、その状態では2の手順でアクセスできない
  2. iPhoneからlocalhostで開発中のサイトを確認する方法 - Qiita を参考に下記を実施
    1. iPhoneとMacのwifiをあわせる
    2. MacのIPアドレスを調べる
    3. 『MacのIPアドレス:serve中のport番号』でアクセスする
  3. これでアクセスできるはず。