ホストとポート番号を変更するには?
デフォルトでは、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"
}