要更改Next.js的服务器端口,可以在server.js文件中编写自定义服务器代码,并在其中指定所需的端口。

首先,创建一个名为server.js的文件,并将以下代码添加到其中:

const { createServer } = require('http');
const { parse } = require('url');
const next = require('next');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
  createServer((req, res) => {
    const parsedUrl = parse(req.url, true);
    handle(req, res, parsedUrl);
  }).listen(3000, (err) => {
    if (err) throw err;
    console.log('> Ready on http://localhost:3000');
  });
});

然后,打开package.json文件,并将scripts部分中的dev命令更改为以下内容:

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

现在,运行npm run dev命令,服务器将在指定的端口(这里是3000)上运行。

请注意,这种方法将覆盖Next.js默认的服务器行为,并且不会使用next.config.js文件中的任何配置。如果需要在自定义服务器中使用其他Next.js配置,请根据需要进行相应的修改

nextjs 如何更改server port nextconfigjs 不支持 server 属性

原文地址: https://www.cveoy.top/t/topic/h7Aw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录