temp

src/server-node.tsx

@@ -19,7 +19,13 @@ const mimeTypes: Record<string, string> = {
   '.ico': 'image/x-icon',
 };
 
-async function ssrRender(res: http.ServerResponse, version: string) {
+// 模拟异步获取数据
+async function fetchServerData() {
+  await new Promise(resolve => setTimeout(resolve, 1000));
+  return { version: '2.0.0', timestamp: Date.now() };
+}
+
+async function ssrRender(res: http.ServerResponse, routeVersion?: string) {
   let template: string;
   try {
     template = fs.readFileSync(indexHtmlPath, 'utf-8');
@@ -29,10 +35,12 @@ async function ssrRender(res: http.ServerResponse, version: string) {
     return;
   }
 
-  const serverData = { version };
-
   try {
-    const stream = await renderToReadableStream(<Main />, {
+    // 服务端获取数据
+    const data = await fetchServerData();
+    const serverData = { version: data.version, timestamp: data.timestamp };
+
+    const stream = await renderToReadableStream(<Main version={data.version} />, {
       bootstrapScripts: []
     });
 
@@ -59,7 +67,7 @@ http.createServer((req, res) => {
   const urlPath = req.url?.split('?')[0] || '/';
 
   if (urlPath === '/') {
-    ssrRender(res, '');
+    ssrRender(res);
     return;
   }
 
@@ -80,7 +88,7 @@ http.createServer((req, res) => {
   } catch {
   }
 
-  ssrRender(res, '');
+  ssrRender(res);
 }).listen(PORT, () => {
   console.log(`Server running on http://localhost:${PORT}`);
 });