路由

根据不同的url规则，给用户展示不同的视图(页面)，传统模式下时间是将一个应用分成多个页面，通过URL去连接，可是这种方式有一个致命缺点，那就是每一次页面请求的时候，都会重新发送所有请求，渲染整个页面，影响性能。

SPA

SPA 是 Single Page Application 的简称，单页面应用，整个应用只加载一个页面（入口页面），后续在与用户的交互过程中，通过 DOM 操作在这个单页上动态生成结构和内容。

  • 优点 ：
    • 减少请求还有页面跳转
    • 异步请求Ajax + DOM操作完成

  • 缺点：

    • 首次处理慢
    • 不利于SEO
      1. //一个URL的组成
      2. http//:www.baidu.com:80/search#hans?name=lll&age=8
      3. : 后 端口
      4. # 后 hash
      5. ？后 search

      React Router

      react-router-dom组件

  • BrowserRouter 组件 — history

基于 HTML5 History API 的路由组件

  • HashRouter 组件 — hash （利用哈希的时候，url会多一个’/#’）

基于 URL Hash 的路由组件