iPhone
localhost
proxy
Vue.js

iPhone から localhost で起動しているアプリにアクセス

レスポンシブな画面を作っているとスマートフォンから localhost にアクセスしたくなるもの💩

やり方は簡単、2ステップ🤘


  1. プロキシ設定

  2. ブラウザから起動しているアプリへアクセス


1. プロキシ設定


  1. PC と iPhone を同一のネットワーク配下にする

  2. iPhone の「設定」を開く

  3. 接続している Wi-Fi の i マークをタップ

  4. HTTP プロキシ -> プロキシを構成 をタップ

  5. 「手動」を選択

  6. 「サーバー」に PC の IP アドレス (e.g., 192.168.120.95) を入力

  7. 「ポート」に localhost で起動しているアプリのポート (e.g., 3000) を入力

  8. 「保存」をタップ


2. ブラウザから起動しているアプリへアクセス

ブラウザのアドレスバーに PC の IP アドレス (e.g., 192.168.120.95) を入力

アクセス成功!!


参考

MacのlocalhostにiPhoneで接続する方法 - Qiita

localhostをiphoneなどでアクセスする - 初心者のWEBデザイン