如何将JSON对象从快递服务器发送到下一个js页面？

Question

I am new to next js and express I am trying to send post data from the server to the client which in this case is my web browser. I am able to receive data on the server, now I want to send this data to the respective page. Following is the code for my server.js file:-

const express = require('express')
const next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

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

  server.use(express.json());

  server.post("/posts", (req, res) => {
    req.body.data
    res.send(req.body.data);
    console.log("Post data : ",req.body.data)
  });

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

  server.listen(port, err => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)
  })
})

Now I would like to send req.body.data to the posts page. How do we do this using nextjs? Any help or suggestion is appreciated.Thanks.

Answer 1

响应的json方法可用于直接发送json。

res.json(req.body.data);

Answer 2

Create an endpoint in your Express application that returns the data to the client via res.json()

Then access it from your React application (probably in the getInitialProps method) by making an Ajax request to it.