有什么方法可以使用pure node.js/react没有Express.js进行服务器端渲染？

发布于 2025-02-03 03:10:16 字数 1150 浏览 3 评论 0 原文

我在服务器端渲染中看到的所有示例涉及Express.js类似于此示例，在server.js文件中：

import path from "path";
import fs from "fs";

import React from "react";
import ReactDOMServer from "react-dom/server";
import express from "express";

import App from "../src/App";

const PORT = process.env.PORT || 3000;
const app = express();

app.get("/", (req, res) => {
  fs.readFile(path.resolve("./public/index.html"), "utf8", (err, data) => {
    if (err) {
      console.error(err);
      return res.status(500).send("An error occurred");
    }

    return res.send(
      data.replace(
        '<div id="root"></div>',
        `<div id="root">${ReactDOMServer.renderToString(<App />)}</div>`
      )
    );
  });
});

app.use(
  express.static(path.resolve(__dirname, ".", "dist"), { maxAge: "30d" })
);

app.listen(PORT, () => {
  console.log(`Server is listening on port ${PORT}`);
});

但是我想知道这是否可以纯粹用node.js来实现。我不明白为什么不能。但是，当我尝试使用require（）函数和节点模块编写时，我永远无法正常工作。是否有人对可以做的事情有一个可行的解决方案，既可以从react react前端导入app.js，又要在node.js中纯粹编写此代码，

谢谢！

原文

All the examples I've seen for server side rendering involve express.js similar to this example, in the server.js file:

import path from "path";
import fs from "fs";

import React from "react";
import ReactDOMServer from "react-dom/server";
import express from "express";

import App from "../src/App";

const PORT = process.env.PORT || 3000;
const app = express();

app.get("/", (req, res) => {
  fs.readFile(path.resolve("./public/index.html"), "utf8", (err, data) => {
    if (err) {
      console.error(err);
      return res.status(500).send("An error occurred");
    }

    return res.send(
      data.replace(
        '<div id="root"></div>',
        `<div id="root">${ReactDOMServer.renderToString(<App />)}</div>`
      )
    );
  });
});

app.use(
  express.static(path.resolve(__dirname, ".", "dist"), { maxAge: "30d" })
);

app.listen(PORT, () => {
  console.log(`Server is listening on port ${PORT}`);
});

But I was wondering if this can be achieved purely with node.js. I don't see why it can't. But when I tried writing it in with require() functions and node modules I never could get it working. Does anyone have a working solution of what could be done, to both import the App.js from react front end, and to write this code purely in node.js

Thank you!

分享到QQ

分享到微博