ロゴテキスト ロゴ

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

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

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

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

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

    package.json
    {
      "scripts": {
        "start": "nuxt-ts start --port 4567",
        ・・・
      },
    }
    プロフィールの背景画像 プロフィール画像
    Yuki Takara
    都内でフリーランスのエンジニアをやってます。フロントとアプリ開発メインに幅広くやってます。