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

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

メモ: もし 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"
}