导读
本节标题:「建造毛坯」- 双端路由同构
本节主旨: 继续以发现问题,分析问题,解决问题的思路,来实现多路由的双端同构,重点在于服务端和客户端如何处理
本节配套代码:
https://github.com/Bigerfe/koa-react-ssr/tree/better/packages/my-react-ssr2
正文
前面几节我们实现了一个最基础的 react ssr
,同时也初步接触了同构,双端渲染同一个组件,服务端直出 html
结构,浏览器端也能够实现组件事件的绑定。
然后又对应用骨架的开发体验做了一次重要的升级。
引出问题
虽然我们能展示页面并且执行事件,但我们还缺一个非常重要的能力。
那就是路由!
现在我们只有一个路由,属于服务端的根路由 /
。
我们无论怎么在浏览器内改变路由地址都会显示同一个UI
。
当然我们的项目不可能只有一个页面,那我们该怎样来处理和维护项目的路由呢?
路由同构
由于我们打造的是基于服务端渲染的React SPA
应用开发骨架,所以