Vue Router 主要有 3 种 路由模式。 在 Vue Router 3.x(对应 Vue 2)和 Vue Router 4.x(对应 Vue 3)中,虽然底层原理相同,但配置方式(API)略有不同。以下是详细的分类和原理解析: --- 1. Hash 模式 (Hash Mode) 这是默认的模式(在 Vue Router 3 中),也是最兼容的模式。 URL 表现:URL 中带有 号。 例如: 原理: 利用 来读取和修改 URL。 当 后面的哈希值发生变化时,浏览器不会向服务器发送请求,而是触发 事件。Vue Router 监听这个事件来实现页面内容的无刷新切换。 优点: 兼容性好:支持所有现代浏览器和老旧浏览器(如 IE8)。 无需后端配置:因为 后面的内容不会被发送到服务器,服务器只处理 ,所以不需要在服务器端做任何特殊配置。 缺点: URL 不美观:带有一个 号,看起来不像标准的 URL。 SEO 较差:虽然 Google 能够抓取 Hash 路由,但其他搜索引擎的支持程度不一。 Vue Router 4 API: 2. History 模式 (HTML5 Mode...