みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Nuxt.jsで立ち上がる開発用サーバにhostを設定してローカルIPでアクセスできるようにする 🖥

f:id:kimizuka:20200811145835p:plain

Nuxt.js は開発環境を整えるのがとても簡単で、セットアップが終われば、

yarn dev
npm run dev

のいずれかで、すぐに開発サーバが立ち上がります。

このときのURLは、ポート3000が空いていれば、

http://localhost:3000

もしくは、

http://0.0.0.0:3000

となります。(3000が空いてない場合は自動で適当なポートが割り振られます)

この設定のままでもとても便利に開発できるんですが、ときにローカルIPを振って、同一WiFiに繋がっているスマートフォンからアクセスしたい時もあったりします。

そんなときは、nuxt.config.jsに、

server: {
  host: '0.0.0.0'
}

を追加してあげるだけで、ローカルIPでのアクセスが可能になります。

サーバに関するオプションは他にもいろいろあるので、一度ドキュメントに目を通して見ることをお勧めします。こちらからは以上です。

ja.nuxtjs.org