よく躓くのでメモ

重要ポイント

• 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. これでアクセスできるはず。