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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

1121閲覧

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

orori

総合スコア42

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2019/04/02 04:35

編集2019/04/02 04:40

プログラム初心者です。

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 --------------

気になる質問をクリップする

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

coco_bauer

2019/04/02 06:24

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

2019/04/02 06:53 編集

ありがとうございます。すみません、おっしゃるとおりです。 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" },
guest

回答2

0

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

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 12:46

katsuko

総合スコア3471

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

orori

2019/04/03 14:19

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

0

自己解決

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

投稿2019/04/03 04:47

orori

総合スコア42

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問