【问题标题】:react server side rendering how to show html in viewsource反应服务器端渲染如何在viewsource中显示html
【发布时间】:2018-08-14 11:33:18
【问题描述】:

我从https://github.com/coreui/coreui-free-react-admin-template下载了react coreui

react coreui 一切正常,但在浏览器的视图源中没有显示 html 代码。如何在 root div 元素中向客户端发送 html 响应。我认为它的影响 SEO 对吗?

<div id="root"></div>

我正在尝试使用 express 这是我的 server.js 来实现服务器端渲染

app.use(express.static(path.resolve(__dirname, '..', 'build')))//Route ReactJS

app.get('*', (req, res) => {
      res.sendFile(path.resolve(__dirname,'..', 'build', 'index.html'))
   });

AFAIK 上面的代码应该向 div 发送 html 响应,但事实并非如此。

我必须为 /build 反应文件运行此命令

npm run build

提前致谢。

【问题讨论】:

    标签: reactjs express core-ui


    【解决方案1】:

    此存储库未实现反应服务器端渲染。 我建议查看此存储库并了解服务器端渲染。

    这个来自 Daniel Stern Daniel Stern Isomorphic-react的回购

    【讨论】:

    • 是的,我知道 renderToString 但是如果我尝试实现它有很多错误窗口未定义或文档未从@coreui 库定义
    • 没错。您共享的存储库不适合反应服务器端渲染。例如,window 和 document 对象没有在服务器中定义(在节点 js 中),因此该 repo 中的所有代码也应该转换为适合服务器(节点 js)的版本。
    猜你喜欢
    • 2017-01-14
    • 2020-06-27
    • 2015-05-09
    • 2017-12-29
    • 1970-01-01
    • 2019-02-09
    • 2020-04-19
    • 2018-10-02
    • 1970-01-01
    相关资源
    最近更新 更多