一、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开发的第三方库