node.js - 如何将 Next.js 正确配置为前端，将 Express 应用程序配置为后端？

Question

目前我有前端的 create-react-app 和后端的 express 服务器。在我的 create-react-app 的 package.json 中，我使用这样的代理 "proxy": "http://localhost:5000" .
我需要使用相同的快速服务器为 Next.js 应用程序实现相同的功能。
我只是希望能够使用我的快速服务器而不是 Next.js 中内置的 API 路由，并像我在 create-react-app 中所做的那样代理它。
即使我没有改变它的任何功能，我是否需要创建自定义 Next.js 服务器？如何正确地做到这一点？

Answer 1

是的，您必须在下一个 js 中添加自定义服务器
安装 express js 然后在下一个 js 项目的根目录添加文件 server.js

const express = require('express')
const next = require('next')
const bodyParser = require('body-parser')

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

app.prepare().then(() => {
  const server = express()

  server.use(bodyParser.json())
// add custom path here
// server.post('/request/custom', custom);

  
  server.get('*', (req, res) => {
    return handle(req, res)
  })

  server.listen(3000, (err) => {
    if (err) throw err
    console.log('Ready on http://localhost:5000')
  })
})

之后更改 package.json 文件脚本部分

"scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "NODE_ENV=production node server.js",
}