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

投稿日

2020.10.18

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

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

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

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

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

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

package.json

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

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

package.json

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

Yuki Takara

都内でフリーランスのエンジニアをやってます。フロントとアプリ開発メインに幅広くやってます。