Nuxt.js サーバーのIPアドレス(V4)一覧を表示するサンプル

Nuxt.js サーバーのIPアドレス(V4)一覧を表示するサンプル

Nuxt.jsでサーバーのIPを確認するためのサンプルコードです。

環境

  • OS  ubuntu19.10
  • node v12.13.0
  • npm 6.12.1
  • Nuxt.js v2.10.2

Nuxt.js環境構築

ip-getという名前でプロジェクトを作成

UI frameworkにBuefyを使用してます。

IPアドレス取得

IPアドレスを取得するサンプルコードです。

layouts配下のdefault.vueの scoriptタグ を下記のように編集します。

pages配下にip.vueを追加し、下記のコードで編集します。

yarn devで起動します。

※今回は、package managerにyarnを選択してます。

ブラウザから http://プライベートIP:3000 にアクセスしてipを選択するとサーバーマシンのIPアドレスが取得されます。

※外部IPから接続できるように設定する方法はこちら