Vue.js 中路由提供 Hash 和 History 两种模式,各有优缺点。选择 Hash 路由适用于简单应用、调试和兼容所有浏览器,而选择 History 路由则适用于需要流畅体验、美观 URL 且有服务器端支持的应用。

Vue.js 中 Hash 和 History 路由
在 Vue.js 中,使用路由来管理应用程序中的页面导航。有两种主要类型的路由模式:Hash 和 History。
Hash 路由
-
优点:
立即学习“前端免费学习笔记(深入)”;
- 简单易用,无需服务器端配置。
- URL 中带有
#号,与 History 路由相比更易于调试。 - 兼容所有浏览器,包括较旧的浏览器。
-
缺点:
- URL 的外观不佳,带有
#号。 - 会导致页面重新加载,这可能会影响用户体验。
- 无法使用浏览器的前进和后退按钮。
- URL 的外观不佳,带有
History 路由
MALL的中文含义是购物中心,是区别于专卖店和百货公司的一个流行的商业模式,MALL里面是各个独立商家,自由自主的定价,各自管理自己的供销渠道和客户关系。电子商务的MALL模式其实就是对B2C业务模式做了多主体的扩展和延伸。目前具有代表性的电子商务MALL模式就是淘宝商城。比如淘宝电器城,他们的模式更像是做房地产的,阿里巴巴有着繁华的互联网商业物业,只是开了一个名字叫淘宝电器城的大市场而已,没有任
-
优点:
立即学习“前端免费学习笔记(深入)”;
- URL 外观更美观,没有
#号。 - 不会导致页面重新加载,提供了更流畅的用户体验。
- 允许使用浏览器的前进和后退按钮。
- URL 外观更美观,没有
-
缺点:
- 需要服务器端支持,需要特殊配置。
- 在一些较旧的浏览器中可能存在兼容性问题。
选择哪种路由模式?
-
选择 Hash 路由:
- 对于简单的应用程序或调试目的。
- 不需要服务器端支持。
- 兼容所有浏览器。
-
选择 History 路由:
- 对于需要流畅用户体验、美观 URL 的应用程序。
- 有服务器端支持。
- 在现代浏览器中兼容。









