ホストとポート番号を変更するには？

デフォルトでは、Nuxt の開発サーバーのホストは localhost（ホストマシン内からのみアクセスが可能）です。

ホストの 0.0.0.0 は、ホストマシンの外部の接続（例えば LAN）にアクセス可能なホストアドレスを解決するよう Nuxt に伝えるためにデザインされています。

いくつかの方法で接続変数を設定することができます。以下は、優先度の 高い順 のものから列挙されています。

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

直接の引数として

nuxt --hostname myhost --port 3333

もしくは

"scripts": {
  "dev": "nuxt --hostname myhost --port 3333"
}

nuxt.config.js 内:

export default {
  server: {
    port: 8000, // デフォルト: 3000
    host: '0.0.0.0' // デフォルト: localhost
  }
  // その他の設定
}

HOST と PORT に似ていますが、HOST と PORT を他の用途に使っている場合に NUXT_HOST と NUXT_PORT を使います:

"scripts": {
  "dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

メモ: より良いクロスプラットフォーム開発サポートのために cross-env を使うことができます。

インストール:

npm install --save-dev cross-env

"scripts": {
  "dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

"scripts": {
  "dev": "HOST=0.0.0.0 PORT=3333 nuxt"
}

package.json 内:

"config": {
  "nuxt": {
    "host": "0.0.0.0",
    "port": "3333"
  }
},
"scripts": {
  "dev": "nuxt"
}

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors