Macのlocalhostで実行しているNuxtアプリにiPhoneから接続する

Macのlocalhostに立ち上げたNuxtアプリにiPhoneからの接続方法を残しておきます。
よくネットに転がっている設定だけだと繋がらなくてハマりました。
どなたかの役にたてば幸いです。

結論

以下でMacのlocalhostで実行しているNuxtアプリにiPhoneから接続できるようになるはずです。

よくネットに転がっている設定 + Nuxtを立ち上げる際にHOST=0.0.0.0の環境変数を設定する

手順

1. Macのコンピュータ名からローカルネットワーク上のエイリアス名を取得
   システム環境設定 > 共有
   コンピュータ名 + .localがローカルネットワーク上のエイリアス
2. iPhoneとMacを同じWifiに接続する
3. HOST=0.0.0.0をつけてNuxtを立ち上げる
   HOST=0.0.0.0 npm run dev
   or
   HOST=0.0.0.0 yarn run dev
   などなど
4. iPhoneのSafariからMacのローカルネットワーク上のエイリアス名でアクセス
   http://コンピュータ名.local:8000
   などなど

よくネット上にある情報だとHOST=0.0.0.0の設定が入ってなくて繋がりませんでした。

説明

HOST=0.0.0.0をつけることによって、外部IPからのアクセスを許可しています

補足

package.jsonに記載しても可です。

"config": {
  "nuxt": {
    "host": "0.0.0.0",
    "port": "8000"
  }
},