Vue Router 前端路由实现思路

如题所述

第1个回答  2022-07-03

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

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

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,只对单机有效。