I am currently working on a NextJS React Application. Within my server/index.tsx file, I have the following code:
import next from 'next';
import express from 'express';
import compression from 'compression';
import bodyParser from 'body-parser';
import { parse } from 'url';
import { createServer as createHttpServer } from 'http';
import { ParsedUrlQuery } from 'querystring';
const port = 9000;
const dev = process.env.NODE_ENV !== 'production';
const nextApp = next({ dev });
const handleNextRequests = nextApp.getRequestHandler();
/**
* Setup for Compression
*/
const shouldCompress = (
req: express.Request,
res: express.Response
): boolean => {
// Do not compress responses explicitly requesting no compression
if (req.headers['x-no-compression']) {
return false;
}
// Use compression filter function
return compression.filter(req, res);
};
nextApp.prepare().then(() => {
/**
* Setting up Express application
*/
const expressApp = express();
// Implement compression in Express
expressApp.use(compression({ filter: shouldCompress }));
expressApp.use(bodyParser.urlencoded({ extended: true }));
expressApp.use(bodyParser.json());
expressApp.use(bodyParser.raw());
expressApp.use(express.json());
...
expressApp.post("/api/client", async (_req: express.Request, _res: express.Response) => {
console.log(_req.body)
_res.send(_req.body)
});
// Redirect all requests to the next request handler
expressApp.all('*', (req: express.Request, res: express.Response) => {
return handleNextRequests(req, res);
});
createHttpServer(expressApp).listen(port, async (err?: any) => {
if (err) {
throw err;
}
console.log(`HTTP server listening on port: ${port}`);
});
});
On the client side, I am making calls like this:
console.log('json: '+JSON.stringify(inputData))
await fetch('http://localhost:9000/api/client',{
method: 'POST',
body: JSON.stringify(inputData)
}).then(res => res.json());
When I attempt to log JSON.stringify(inputData), the object is correctly converted to a JSON string. However, when I try to log _req.body from the server side, it always displays {}.
Please assist me in identifying what mistake I might be making.