如何设置 Next.js 端口

Next.js 是一种流行的 React 框架，用于构建服务器渲染应用程序。默认情况下，Next.js 应用程序在端口3000上运行。但是，在某些情况下，您可能希望将应用程序设置为在不同的端口上运行。让我们来看看如何在 Next.js 中设置端口。

方法一：使用环境变量

Next.js 允许您使用环境变量来配置应用程序的端口。要设置端口，请在运行应用程序之前设置 PORT 环境变量，如下所示：

$ PORT=4000 yarn dev

在上面的示例中，我们将端口设置为 4000，但您可以将其替换为任何可用端口。

方法二：使用配置文件

我们还可以通过编辑 next.config.js 文件来配置端口。在项目根文件夹下创建配置文件 next.config.js，并将以下内容添加到文件中：

module.exports = {
  devIndicators: {
    autoPrerender: false,
  },
  port: 4000,
};

在上面的示例中，我们将端口设置为 4000，但您可以将其替换为任何可用端口。

方法三：使用 HTTPS 和自定义端口

如果您想使用 HTTPS 和自定义端口来运行应用程序，请使用以下命令：

$ HTTPS=true PORT=4000 yarn dev

在上面的示例中，我们将应用程序设置为在 4000 端口上运行，并启用了 HTTPS。

结论

这就是关于如何设置 Next.js 端口的全部内容。您可以通过设置环境变量或编辑配置文件来设置端口。无论您使用哪种方法，您都可以轻松地将应用程序设置为在不同的端口上运行。