Vue3+TS Day21 - 源码继续、vue-router开

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的值。