29 _react-router说明

一、SPA的理解

　　1.单页面web应用(single page web application ,SPA)

　　2.整个应用只有一个完整的页面

　　3.点击页面中的链接不会刷新页面，本身也不会向服务器发请求

　　4.当点击路由链接时，只会做页面的局部更新

　　5.数据都需要通过ajax请求获取，并在前端异步显现

二、路由的理解

　　1.什么是路由？ 

　　　　a.一个路由就是一个映射关系(key:value)

　　　　b.key为路由路径，value可能是function/component

　　　　　　note:路由器的.get方法叫注册路由(第一个参数是path，第二个参数是function)

　　2.路由分类

　　　　a.后台路由：node服务器端路由，value是function，用来处理客户端提交的请求并返回一个响应数据

　　　　b.前台路由：浏览器端路由，value是component，当请求是路由path时，浏览器端前没有发送http请求，但界面会更新显示对应的组件

　　3.后台路由

　　　　a.注册路由：youter.get(path,function(req,res))

　　　　当node接收到一个请求时，根据请求路径找到匹配的路由，调用路由中的函数来实现处理请求，返回响应数据

　　4.前台路由

　　　　a.注册路由：<Router path="/abou" component={about}>

　　　　b.当浏览器的hash变为#about时，当前路由组件就会变成About组件

 

前端路由的实现：使用基于React开发的第三方库