
2021/7/25 7:13
iPhoneでlocalhostを動作確認するよく躓くのでメモ
重要ポイント
0.0.0.0
でアクセスできるようにしておくこと- vue-cliで生成したアプリだと初期設定が0.0.0.0でアクセスできるようになっていないので、その設定を追加してやる必要がある
手順
- webpack-dev-serverでモバイルからアクセス可能なローカル開発サーバーを立ち上げる(in vue-cli) - Qiita を参考に下記を実施
- 0.0.0.0でserveするようにする
- 初期状態ではlocalhostのみで接続できる状態になっており、その状態では2の手順でアクセスできない
- 0.0.0.0でserveするようにする
- iPhoneからlocalhostで開発中のサイトを確認する方法 - Qiita を参考に下記を実施
- iPhoneとMacのwifiをあわせる
- MacのIPアドレスを調べる
- 『MacのIPアドレス:serve中のport番号』でアクセスする
- これでアクセスできるはず。