NEW ARTICLE
PyCharm 最近の変更を一覧表示するショートカットキー
  1. HOME
  2. nuxt.js
  3. nuxt.js yarn dev(npm start)時にポートを変更する

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」
を指定してます。

"scripts": {
    "dev": "nuxt --hostname 192.168.1.100 --port 3333",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
  },

nuxt.config.js編集

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

server: {
　　port: 3335
},