【问题标题】:React/Redux Server Side Rendering + Code Splitting [closed]React/Redux 服务器端渲染 + 代码拆分 [关闭]
【发布时间】:2018-07-19 23:28:51
【问题描述】:

我正在尝试使用代码拆分实现服务器端渲染 (SSR),以从服务器端强制执行用户权限。这个想法是呈现用户可以访问的路由,即如果普通用户登录他们将无法看到 /admin 页面,但如果管理员用户登录他们将能够看到。

到目前为止,我已经研究了几个选项,第一个 react-router 似乎是一个可靠的解决方案,但不幸的是,StaticRouter 仍然会为与为用户锁定的路径相关联的组件提供服务,从而在客户端上公开标记。

然后我开始研究以 redux 为中心的方法,并发现 redux-first-routing。这个包看起来很有希望,因为演示展示了我正在寻找的功能。然而,事实证明这种方法比预期的要困难,因为不会为不同的组件加载块。

谁能验证哪种方法对 SPA SSR 有意义,或者如何从服务器进行动态加载?

【问题讨论】:

    标签: reactjs redux react-router react-redux


    【解决方案1】:

    观看 Firebase 团队的服务器端渲染视频。他们使用快速路由和中间件来处理所有服务器请求。在您的情况下,路线图将是:

    1. 用户请求登录页面,express处理并路由请求,服务器端渲染登录页面,返回登录页面
    2. 用户向服务器发送登录请求,快速处理和路由请求,服务器端呈现页面(有或没有可用的管理链接),并返回网页

    Server-Side rendering with Firebase

    GoogleChromeLabs/ui-element-samples

    【讨论】:

      猜你喜欢
      • 2020-02-26
      • 1970-01-01
      • 2017-06-04
      • 2016-03-26
      • 2017-03-23
      • 2018-07-20
      • 2017-01-15
      • 2016-02-24
      • 2016-04-03
      相关资源
      最近更新 更多