質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.80%

Nuxt開発サーバーのIPアドレスが192.168.55.12になる

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,586

orori

score 32

プログラム初心者です。

MacOSX 10.14.3、Rails APIをバックエンドにVueJSでフロントを作っています。
標題の通りですが、NUXTの教科書では、開発サーバーがlocalhostで立ち上がるところ、192.168.55.12となっています。
なぜここにlocalhostとならないのでしょうか? 実質は同じなのでしょうか?

↓Nuxt開発サーバー立ち上げ時の表示

   ╭─────────────────────────────────────────────╮
   │                                              │
   │   Nuxt.js v2.4.5                             │
   │   Running in development mode (spa)          │
   │   Memory usage: 179 MB (RSS: 328 MB)         │
   │                                              │
   │   Listening on: http://192.168.55.12:3333    │
   │                                              │
   ╰─────────────────────────────────────────────╯

/etc/hostsは以下のようになっていました。

# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1       localhost
255.255.255.255 broadcasthost
::1             localhost

関係あるかどうか、MySQLは以下のようになっています。

mysql> \s
--------------
mysql  Ver 14.14 Distrib 5.7.25, for osx10.14 (x86_64) using  EditLine wrapper

Connection id:        21
Current database:
Current user:        root@localhost
SSL:            Not in use
Current pager:        stdout
Using outfile:        ''
Using delimiter:    ;
Server version:        5.7.25 Homebrew
Protocol version:    10
Connection:        Localhost via UNIX socket
Server characterset:    utf8
Db     characterset:    utf8
Client characterset:    utf8
Conn.  characterset:    utf8
UNIX socket:        /tmp/mysql.sock
Uptime:            20 hours 45 min 35 sec

Threads: 3  Questions: 1267  Slow queries: 0  Opens: 180  Flush tables: 1  Open tables: 173  Queries per second avg: 0.016
--------------
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • coco_bauer

    2019/04/02 15:24

    どのようにしてNuxt開発サーバーをインストールして、その際に使った設定ファイルの内容がどうなっていたかといった詳細を説明してもらわないと、唐突に『開発サーバーがlocalhostで立ち上がるところ、192.168.55.12となっています。なぜ』と聞かれて答えられる人は居ないのでは?

    キャンセル

  • orori

    2019/04/02 15:51 編集

    ありがとうございます。すみません、おっしゃるとおりです。
    package.jsonの内容を以下記載します。これ以外に設定しているものはないと思います。

    {
    "name": "nuxt-my",
    "version": "1.0.0",
    "description": "Nuxt.js project",
    "private": true,
    "scripts": {
    "dev": "cross-env NODE_ENV=development HOST=0.0.0.0 PORT=3333 nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
    },

    キャンセル

  • orori

    2019/04/03 13:46

    公式ページに回答がありました、0.0.0.0のときはランダムなポートが使用されるのですね。
    https://ja.nuxtjs.org/faq/host-port/

    キャンセル

回答 2

+2

解決済みですが、流石にこれで解決というのはアレなので。

https://ja.nuxtjs.org/faq/host-port/

メモ: もし port に '0' ( 0 ではありません) という文字列の値が使用された場合、ランダムなポートが Nuxt アプリケーションに使用されます。

ポートはポート、ホスト名(IPアドレス)はホスト名(IPアドレス)です。今回の件とは関係ありません。
(IPアドレスがランダムで決められたら、溜まったもんじゃない。)

IPアドレス「0.0.0.0」というのは、プログラム用語でいれば「INADDR_ANY」と呼ばれるもので、特にIPアドレスを指定しない、一般的にはそのホストに割り当てられているアドレス全てから待ち受ける、という意味合いになります。
ですので、「192.168.55.12」というのがそのホストに割り当てられているIPアドレスであれば、特に問題はありません。(逆に、割り当てられているIPアドレスではないならば、問題です)

NUXTの教科書では、開発サーバーがlocalhostで立ち上がるところ

その教科書にどのように書かれているかはわかりませんが、その「localhost」とはホスト名のことではなく、単に「ローカル(自分)のホスト」という意味なだけではないですか。
あまり深く考えなくてもいい気がします。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/04/03 23:19

    おっしゃるとおりポートのことしか記載がありませんでした。また、0.0.0.0について、なるほどと思うと同時に、そのような意味があるということを全くしりませんでした・・・。もっと勉強しなければと痛感しました。ありがとうございました。

    キャンセル

check解決した方法

0

公式ページに回答がありました、0.0.0.0のときはランダムなポートが使用されるとのことでした。
https://ja.nuxtjs.org/faq/host-port/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.80%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る