Nuxt.jsの開発時のポート番号を変える

2020.10.19
Nuxt.jsの開発時のポート番号を変える

Nuxt.jsの開発時のデフォルトのポート番号は http://localhost:3000 です。


Next.jsやReact.jsなどのFWもデフォルトで同じ3000を使用していることが多いため、Nuxt.jsの開発時のポート番号を http://localhost:3456 のように変えてみます。

検証した環境

1 Nuxt 2.14.3

yarn run dev時のポート番号を変える

結論としては devコマンドの末尾に--port <ポート番号> or -p <ポート番号> を追加すればOK!


私はTypeScript版の nuxt-ts を使っていますが、js版の nuxt でも同じです。

(「3456」の部分は好きなポート番号に置き換えて下さい)

package.json
{
  "scripts": {
    "dev": "nuxt-ts --port 3456",
    ・・・
  },
}

yarn run startのポート番号を変える

こちらも一緒で --port <ポート番号> or -p <ポート番号> を追加すればOK!

package.json
{
  "scripts": {
    "start": "nuxt-ts start --port 4567",
    ・・・
  },
}

おすすめ