一、基本概念
- 路由:分发请求的对象就是路由(动作:从x传到x)
- 默认路由:在没选择时设置一个默认值
- 404路由/保底路由:用户输入非法的路径时,就给出这个路由界面
- 嵌套路由:一个路由里还设置了其他路由(界面(第一层路由)里还有界面(第二层路由))
- 路由表:给路由一个一一对应的表
const routeTable={
"1":div1,
"2":div2,
"3":div3,
"4":div4
}
二、三种模式
1、hash模式
- url后接#...,通过url存路径
- 任何情况下都可以使用hash模式做前端路由,但浏览器不会把#后的内容发给服务器,服务器收不到hash,SEO不友好
- Google有针对hash的SEO,但和之前的SEO比还是不够好
2、history模式
- url后接/...,通过url存路径
- 只有当后端将所有前端路由都渲染到同一页面(不是404)时,才可使用该模式
- IE8以下不支持
3、memory模式
- 把路径存在用户看不见的地方,LocalStorage(单机版路由)
- 适合非浏览器,如APP等