如何在 next.js 中设置端口

这对我有用

 "scripts": { 
       "dev": "next -p 8080" 
},

---

"scripts": {
    "dev": "next dev -p 8080", // for dev 
    "start": "next start -p 8080" // for prod
},

---

只需要这样做：

yarn dev -p PORT_YOU_LIKE

---

默认情况下，应用程序将从 http://localhost:3000 开始。可以使用 -p 更改默认端口，如下所示：

 npx next dev -p 4000

或者使用 PORT 环境变量：

PORT=4000 npx next dev

#注意我使用的是 npx 而不是 npm

您还可以将主机名设置为不同于默认值 0.0.0.0，这对于使应用程序可用于网络上的其他设备非常有用。可以使用 -H 更改默认主机名，如下所示：

 npx next dev -H 192.168.1.2

如果您收到端口已在使用中的错误，您可以在 Windows 上解决它的方法是

Go to the Task Manager.

Scroll and find a task process named. Node.js: Server-side

End this particular task.

---

有两种方法可以做到这一点：

在您的 package.json 文件中，将 -p 8080 添加到 dev/start 脚本以在端口 8080 上启动服务器：

  "scripts": {
    "dev": "next -p 8080",
    "build": "next build",
    "profile-build": "next build --profile",
    "start": "next start -p 8080"
  }

或者，如果您不想在 package.json 文件中对其进行硬编码，您可以使用 ENV 变量 PORT 启动脚本。

PORT=8080 npm run dev

访问 vercel documentation 了解更多信息。

---

通过 .env 文件使用环境变量的解决方法

感谢这个github comment

用于发展

在项目根目录中为您的开发环境创建一个脚本，例如 dev-server.js

// dev-server.js
require('dotenv').config(); // require dotenv
const cli = require('next/dist/cli/next-dev');

cli.nextDev(['-p', process.env.PORT || 3000]);

然后您可以在 .env 中设置自定义端口，如下所示： PORT=3002 更新 package.json 中的 dev 命令以使用 dev-server.js 脚本，如下所示：

  "scripts": {
    "dev": "node dev-server.js"
  }

运行 npm run dev，NextJS 应用程序将在端口 3002 上启动。

用于生产

在项目根目录中为您的 prod 环境创建一个脚本，例如 prod-server.js

// prod-server.js
require('dotenv').config(); // require dotenv
const cli = require('next/dist/cli/next-start');

cli.nextStart(['-p', process.env.PORT || 3000]);

然后你可以在你的 .env 中设置一个自定义端口，如下所示： PORT=3002 更新你的 package.json 中的 start 命令以使用 prod-server.js 脚本，如下所示：

  "scripts": {
    "build": "next build",
    "start": "node prod-server.js"
  }

运行 npm run start，NextJS 应用程序将在端口 3002 上启动。（不要忘记在之前使用 npm run build 构建项目）

dotenv 应通过 npm install dotenv 安装，如之前的代码片段所示，在脚本中是必需和配置的。

github comment 中的注释：

有一些托管服务提供商只是强迫我们拥有 server.js/index.js 文件。上述解决方案的好处是它不需要任何额外的依赖。

---

在 npm 脚本中设置端口号根本不是一个好主意。

从终端，您可以使用以下命令传递端口号

SET PORT=3001 && npm start

---

使用 yarn，您可以轻松传递任何参数：
yarn dev -p 8080 或 yarn dev --port=8080。

使用 npm 使用 -- 传递参数：
npm run dev -- -p 8080

---