Vue Router 的两种模式（hashhistory）

[问答题]

Vue Router 的两种模式（hash/history）实现原理与优缺点。

WangYibo

HASH 模式利用“#”，监听hash change 事件实现路由，兼容无需服务器配置；

发表于 2026-01-14 14:04:39 回复(1)

牛客41767380号

hash带＃号通过hashchange实现，不美观，无需服务器配置history不带#号，通过history.pushState()和监听popState事件实现，需要配置服务器

发表于 2026-01-10 14:52:22 回复(0)

amourmm

hash模式会带#号，向服务器发消息时，不会将#后的信息发送给服务器，导致页面刷新时，数据不会丢失；history模式下，用户可以自由修改path的路径，若资源在服务器不对应，可能会返回404

发表于 2025-12-22 10:19:37 回复(0)

我从未看清

Vue Router : 1: hash : 最明显区别在路径上的美观度，一个有# / 后面跟hash值，对于低版本浏览器兼容性更好。

发表于 2025-11-29 15:24:49 回复(0)

秋水夏树

hash：利用URL中#号。监听 hashchange 事件实现动态路由。无需服务端配置。 history：利用浏览器 history API 调用 pushstate/ popstate。美观但需服务器配置。

发表于 2025-09-17 18:50:15 回复(0)

提交观点

问题信息

来自：Vue-牛客面经八股

难度：

5条回答 8收藏 182浏览

扫一扫，把题目装进口袋