Next.js 自定义服务器

Next.js 是基于React的框架，它可以为不同平台（如Windows、Linux和Mac）开发出美观的Web应用程序。如果您在React方面具有一些经验，同时希望了解更多关于React生态系统的知识，那么您应该了解Next.js框架。

在Next.js中， 自定义服务器 是一个在与Next.js开发服务器相同进程中运行的Node.js脚本。这个脚本可以处理额外的服务器端逻辑，如处理API路由、处理错误以及设置自定义标头。

下面是在Next.js应用程序中创建自定义服务器的逐步说明：

步骤1（创建新的服务器文件）： 在您的Next.js项目根目录中创建一个名为server.js的新文件。这个文件将包含您自定义服务器的代码。

步骤2（导入next和http）： 在server.js文件中，导入next和http模块。next模块是Next.js服务器，http模块是内置的Node.js HTTP模块。

步骤3（创建Next.js服务器实例）： 使用导入的next模块，创建一个Next.js服务器实例。这个实例将处理您应用程序的基本服务器端渲染。

步骤4（处理API路由）： 在server.js文件中，添加您自己处理API请求的自定义路由。您可以使用任何路由库，例如Express.js，来处理这些路由。

server.js文件的代码如下：

const next = require('next') 
const http = require('http') 
  
const app = next({dev: process.env.NODE_ENV !== 'production'}) 
  
app.prepare().then(() => { 
 const server = http.createServer((req, res) => { 
   // Handle API routes 
   if (req.url.startsWith('/api')) { 
     // Your API handling logic here 
   } else { 
     // Handle Next.js routes 
     return app.getRequestHandler()(req, res) 
   } 
 }) 
 server.listen(3000, (err) => { 
   if (err) throw err 
   console.log('> Ready on http://localhost:3000') 
 }) 
})

步骤5. 在package.json文件中，添加一个启动自定义服务器的新脚本。

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

步骤6（启动开发服务器）： 使用命令提示符，导航到项目的根目录，并在终端中运行以下命令启动开发服务器

npm run dev

在这个示例中，自定义服务器处理以/api开头的请求，而其他请求由Next.js服务器处理。这允许您处理自定义的服务器端逻辑，例如处理API路由、处理错误和设置自定义标头。

参考： https://nextjs.org/docs/advanced-features/custom-server