nuxt.js yarn dev(npm start)時にポートを変更する

nuxt.js yarn dev(npm start)時にポートを変更する

デフォルトだと3000番ポートが利用されるので、他と競合している場合の対処法を記述。方法は2通りあります。

環境

  • OS  ubuntu20.04
  • node v12.16.1
  • npm 6.14.2
  • Nuxt.js v2.12.0

package.json編集

package.jsonを下記の通りに編集すれば、ポートの変更が可能となります。

下記の例は 
host名にIPアドレス「192.168.1.100」
port番号に「3333」
を指定してます。

nuxt.config.js編集

nuxt.config.jsを編集しても、ポートの変更は可能です。
下記の例は、ポート番号を「3333」に指定してます。