nuxtで作ったプロジェクトを手元の実機スマホで確認する方法

nuxtプロジェクトをスマホやVMで確認したい

https://ja.nuxtjs.org/faq/host-port/
↑公式にありました。

上記サイトの中で紹介されている方法はいくつかありますが、サッと確認できるのは

package.json

"scripts": {
  "dev": "NUXT_HOST=0.0.0.0(任意のIPに書き換え) NUXT_PORT=3333(任意のポート番号に書き換え) nuxt"
}

上記に書き換えて

npm run dev

のコマンドを打ち直し、

0.0.0.0:3333

スマホにIP:PORTを入力して検索することです。

ちなみに、自分のIPを調べる方法はMacであればこちら。
Windowsであれば、こちらを参考にしてみてください。

おまけ

また、公式では

より良いクロスプラットフォーム開発サポートのために cross-env を使うことができます。

ということで

npm install --save-dev cross-env

cross-envをインストールして

package.json

"scripts": {
  "dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

こちらに書き換える方法も紹介されています。