ssr react18

35 阅读1分钟

// Import required libraries for React 18 SSR import React from 'react'; import ReactDOMServer from 'react-dom/server'; import { StaticRouter } from 'react-router-dom'; import App from './App';

const express = require('express'); const app = express();

app.use(express.static('public'));

app.get('*', (req, res) => { const context = {}; const html = ReactDOMServer.renderToString( );

if (context.url) { res.redirect(context.url); } else { res.send( <!DOCTYPE html> <html> <head> <title>React 18 SSR Project</title> </head> <body> <div id="root">${html}</div> <script src="/bundle.js"></script> </body> </html> ); } });

app.listen(3000, () => { console.log('Server is listening on port 3000'); });