Want to take a look at our new docs? Our new docs are now in beta. Have fun!

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

デフォルトでは、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 内の設定:

nuxt.config.js 内:

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

環境変数 NUXT_HOST と NUXT_PORT を使う:

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

環境変数 HOST と PORT を使う:

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

package.json 内の 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

Storyblok Support Us