Как изменить порт приложения Next.js

Узнайте, как изменить порт, на котором работает Next.js в режиме разработки.

Меня спросили, как изменить HTTP-порт приложения, созданного с использованием Next.js, когда вы запускаете его локально. По умолчанию порт3000, но это часто используемый порт, и, возможно, у вас есть другая служба, работающая на нем.

Как вы можете это изменить?

Ответ вpackage.jsonфайл, хранящийся в основной папке приложения Next.js.

По умолчанию содержимое файла следующее:

{
  "name": "learn-starter",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "next": "9.3.5",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }
}

Примечание: точные номера пакетов будут отличаться в вашем случае, поскольку они будут обновляться.

Вам нужно изменитьscriptsчасть.

Изменять:

"dev": "next dev",

to

"dev": "next dev -p 3001"

to start Next.js on port 3001 instead of 3000.

Now when you run npm run dev, the command used to start the development server locally, you will see it start on port 3001:

Download my free Next.js Handbook


More next tutorials: