绝招-路由原理

稍微复杂一点的SPA 都需要路由

前端路由模式： hash H5 history（需要配置）

hash模式

特点：1.根据hash的变化触发路由的变化即网页跳转  触发前进后退

2.不会刷新页面。SPA必须的特点

3.hash永远不会提交到serve端口（完全前端控制）

window.hashChange（监听）

js实现H5 history路由

用url规范的路由 但跳转时不刷新页面（SPA必须要）

history.pushState函数跳转【路由跳转】

window可以监听前进后退window.onpopstate（监听跳转）

后端需要配合  无论访问什么路由  都需要返回index.html(所有路由切换前端搞  后端只需要返回一个主文件)

to B 用hash 对url规范不敏感

to C 需要SEO  就用H5

原则：能简单就简单 考虑成本与收益

前端路由的原理：