Nuxt localhostで立ち上げたアプリをiPhoneで起動させる方法

Nuxtのローカルホストで立ち上げたアプリをiPhoneで起動させる

Nuxtのローカルホストで立ち上げたアプリをモバイル端末で開こうとしたら少し詰まったのでメモ

環境

macOS BigSur 11.01
iPhone Xr iso14.2

Nuxt側の設定

nuxt.config.jsファイルに以下を追記

nuxt.config.js

  server: {
    host: '0.0.0.0', // デフォルト: localhost,
    timing: false,
  },

Macの設定

設定からファイアウォールをオフにする(セキュリティ的観点で見てテストが終わったらオンにしましょう）

　iPhoneでアプリを起動

npm run dev or yarn dev した際に表示される以下のものをコピ
私の環境ではhttp://192.168.101.25:3000/コピーするか手入力してsafariで開く

すると以下のように開くことができる