关于前端:Vuerouter的hash和history模式

40次阅读

共计 514 个字符,预计需要花费 2 分钟才能阅读完成。

hash 模式和 hsitory 模式都能够实现无刷新跳转性能。

hash 模式:前端路由的门路用井号 #拼接在实在 URL 前面的模式。当井号前面的门路发生变化时,不会导致浏览器向服务器发出请求,而是会触发 hashchange 事件。


hash 尽管呈现在路由中,然而不被蕴含在 HTTP 申请中,对后端没有影响,因而扭转 hash 时不会从新加载页面。hash 的扭转会记录在 window.history 中,因而就能够发现浏览器能够实现后退后退性能了,因而实现了无刷新跳转。

history 模式是 HTML5 新增的,history 模式包含两大部分,切换和批改。

 切换历史状态包含:back、forward、go 三个办法。批改历史状态包含:pushState、replaceState。这两个办法基于 back、forward、go 的根底之上,他们提供了对历史记录进行批改的性能。只是当它们执行批改时,尽管扭转了 URL,然而浏览器不会立刻向后端发送申请。通过 pushState、replaceState 实现无刷新跳转。能够随便批改 path,这种批改是会从新申请 URL 的,然而要求咱们在服务器端配好地址,否则会返回 404. 在我的项目中配置一个 404 界面也是很有必要的。

正文完
 0