路由支持

    实现思路分析

    在ReactSSR项目中需要实现两端路由.

    客户端路由是用于支持用户通过点击链接的形式跳转页面

    服务器端路由是用于支持用户直接从浏览器地址栏中访问页面

    客户端和服务器端公用一套路由规则

    编写路由规则

    实现服务器端路由 - 图1

    实现服务器端路由

    1.Express路由接收任何请求

    Express路由接收所有GET请求,服务器端React路由通过请求路径匹配要进行渲染的组件,

    实现服务器端路由 - 图2

    2.服务器端路由配置

    实现服务器端路由 - 图3

    实现服务器端路由 - 图4

    实现服务器端路由 - 图5

    实现服务器端路由 - 图6

    实现服务器端路由 - 图7

    实现服务器端路由 - 图8

    renderRoutes方法返回的是组件式的路由规则

    实现服务器端路由 - 图9

    实现服务器端路由 - 图10