【问题标题】:How to add universal support existing react project如何添加通用支持现有的 React 项目
【发布时间】:2017-03-04 10:50:41
【问题描述】:

我已经创建了一个 react redux 项目,现在我需要在项目中添加一些 SEO 功能。我不想在重构代码时浪费太多时间。有人能给我建议吗?

【问题讨论】:

    标签: reactjs universal isomorphic-javascript webpack-isomorphic-tools


    【解决方案1】:
    • 您需要在服务器上设置 redux 存储并将其初始状态传递给客户端,以便服务器渲染和初始客户端渲染没有区别
    • 并不是所有的生命周期函数都在服务端调用,主要是componentDidMount没有被调用。如果您想进行一些 AJAX 数据获取(您只想在客户端上进行),这确实很有帮助。
    • 如果您使用react-router,则需要设置服务器端路由匹配

    这里有更多细节:React can be used on server side rendering. What does that mean?

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-27
      • 2016-04-30
      • 2023-03-18
      • 1970-01-01
      • 1970-01-01
      • 2011-07-07
      • 2012-02-02
      • 2016-10-05
      相关资源
      最近更新 更多