ローカル環境で立ち上げているNuxt.jsの画面をスマホで確認する
はじめに
いつもローカル環境をスマホで確認するときに、 特に設定等をしていなかったのにNuxt.jsだとうまくいかなかった
ローカル環境で立ち上げたNUxt.jsの画面をスマホで確認する方法
PCとスマホを同じwifiに接続する
システム環境設定>ネットワークでIPアドレスを確認する
ファイアウォールもオフに設定しておく
ホスト名とポート番号を指定
package.jsonを編集
--hostname にはIPアドレスを入力、--portでは立ち上げたいポートを指定
"scripts": {
"dev": "nuxt --hostname 192.168.000.001 --port 3000",
あとは立ち上げるだけ
npm run dev
スマホでURLを入力
http://192.168.000.001:3000
