- Vue3+TS Day21 - 源码继续、vue-router开
- Vue3+TS Day20 - 源码阅读，先留坑
- 【vue-进阶】之vue-router源码分析
- 【vue-router源码】一、router.install解析
- 【vue-router源码】二、createWebHistory
- 【vue-router源码】三、理解Vue-router中的Ma
- 【vue-router源码】四、createRouter源码解析
- 【vue-router源码】五、router.addRoute、
- 【vue-router源码】七、router.push、rout
- 【vue-router源码】六、router.resolve解析
Vue3+TS Day21 - 源码继续、vue-router开篇
一、路由的发展过程
1、后端路由
image.png
2、前后端分离
image.png
3、SPA（Single Page Application）
image.png
二、前端路由的两种实现方案
1、方案一：URL中的 【#】号？
image.png
2、方案二：HTML5中的【History】
image.png
image.png
3、URL中的 【#】号存在的缺点？以及它的优点？
- 【缺点】谷歌浏览器爬虫，不会爬【#号】后面的内容，导致不利于SEO
- 【优点】hash的兼容性更好，在老版本的IE中都可以使用
默认情况下，Google的网络蜘蛛忽视URL的#部分。
但是，Google还规定，如果你希望Ajax生成的内容被浏览引擎读取，那么URL中可以使用"#!"，Google会自动将其后面的内容转成查询字符串escaped_fragment的值。
网友评论