Next.js 自定义 Server

修改package.json:

主要是增加

"dev2": "node server.ts",

{"name": "my-app","version": "0.1.0","private": true,"scripts": {"dev": "next dev -p 8080 --turbopack","dev2": "node server.ts","build": "next build --turbopack","start": "next start"},"dependencies": {"antd": "^5.27.6","express": "^5.1.0","http-proxy-middleware": "^3.0.5","next": "15.5.6","prettier": "^3.6.2","prettier-plugin-tailwindcss": "^0.7.1","react": "19.1.0","react-dom": "19.1.0"},"devDependencies": {"@tailwindcss/postcss": "^4","@types/node": "^20","@types/react": "^19","@types/react-dom": "^19","tailwindcss": "^4","typescript": "^5"}
}

在根目录穿件server.ts文件：

import { createServer } from 'http'
import { parse } from 'url'
import next from 'next'const port = parseInt(process.env.PORT || '8080', 10)
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(port)console.log(`> Server listening at http://localhost:${port} as ${dev ? 'development' : process.env.NODE_ENV}`)
})

启动项目：

yarn dev2

参考链接：

https://nextjs.org/docs/app/guides/custom-server