Question

Vue Router 前端路由实现思路

Answer 1

什么是路由：满足一对多的情况，主要是用来分发请求，经过一些中间节点后到达最终目的地。

路由通常根据路由表：一个存储到各个目的地的最佳路径的表来引导分组传送。

hash模式： 任何情况下都能做前端路由
缺点：SEO不友好(服务器收不到hash)
例如我们访问baidu.com/#1 或 baidu.com/#marshall 或 baidu.com/#anything 都相当于直接访问baidu.com
但是谷歌有对应的优化(虽然不能和传统SEO媲美)，服务器需要做一定的配置，有兴趣自行搜索Google Hash SEO

history模式： 只有一种情况下可以使用——后端将前端路由都渲染到同一页面(同一页面不能是404，404的页面是固定的)
IE8不支持

memory模式：
不改URL后缀，存在localStorage
适合非浏览器，例如在app里做路由，因为app里没有路径，

三者对比： history模式和hash模式是可分享的，而memory模式的缺点是没有url，只对单机有效。