如何在reactjs中启用服务器端渲染

时间:2020-07-23 02:18:01

标签: reactjs

尝试在浏览器中直接输入URL时遇到问题,由于react的路由器及其工作方式(客户端呈现)导致页面无法加载,似乎有些solutions建议添加服务器端渲染也是如此,但是,它们似乎都使用了webpack,有没有办法在不使用webpack的情况下达到相同的结果?

我已将此代码段添加到我的代码中

app.use(express.static("client/build"));
app.get("*", (req, res) => {
    res.sendFile(path.resolve(__dirname, "client", "build", "index.html"));
});

和我的 Package.JSON

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "client": "npm run start --prefix client",
    "server": "set DEBUG=fibonacci:* & nodemon server.js",
    "dev": "concurrently --kill-others-on-fail  \"npm run server\" \"npm run client\"",
    "production": "npm run server",
    "start": "set DEBUG=fibonacci:* & node index.js"
  }

但是客户端和服务器渲染均未达到目标,请使用webpack以外的其他解决方案吗?

0 个答案:

没有答案