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

Macのlocalhostに立ち上げたNuxtアプリにiPhoneからの接続方法を残しておきます。
よくネットに転がっている設定だけだと繋がらなくてハマりました。
どなたかの役にたてば幸いです。
結論
以下でMacのlocalhostで実行しているNuxtアプリにiPhoneから接続できるようになるはずです。
よくネットに転がっている設定 + Nuxtを立ち上げる際にHOST=0.0.0.0
の環境変数を設定する
手順
- Macのコンピュータ名からローカルネットワーク上のエイリアス名を取得
システム環境設定 > 共有
コンピュータ名 +.local
がローカルネットワーク上のエイリアス - iPhoneとMacを同じWifiに接続する
- HOST=0.0.0.0をつけてNuxtを立ち上げる
HOST=0.0.0.0 npm run dev
or
HOST=0.0.0.0 yarn run dev
などなど - 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"
}
},