Vue.js 提供两种路由模式:Hash 模式:使用 "#" 符号,兼容性好,但 URL 不美观;History 模式:使用 HTML5 History API,URL 美观,支持浏览器历史记录,但需要服务器端配置。

Vue 中的路由模式
在 Vue.js 中,有两种路由模式: hash 模式 和 history 模式。
Hash 模式
- 在 URL 中使用
#符号来表示路由。例如:https://example.com/#/home - 优点:兼容性好,不需要服务器端配置。
- 缺点:URL 包含
#符号,不美观,无法在浏览器历史记录中使用。
History 模式
立即学习“前端免费学习笔记(深入)”;
- 使用 HTML5 History API 来管理路由。例如:
https://example.com/home - 优点:URL 美观,可在浏览器历史记录中使用。
- 缺点:需要服务器端配置。
选择适合的路由模式
选择使用哪种路由模式取决于你的特定需求:
- 如果需要兼容性好,并且不介意 URL 中的
#符号,则选择 Hash 模式。 - 如果需要美观的 URL 和浏览器历史记录支持,并且服务器端已配置好,则选择 History 模式。











