vue-router中的两种模式

本文对比了前端开发中Hash模式与History模式的不同之处,包括两者的工作原理、如何响应用户的前进后退操作及页面刷新行为。Hash模式利用window.onhashchange()来监听变化,而History模式则使用HTML5新增的pushState()和replaceState()方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. hash模式
    hash模式,就是地址栏中的#

  2. history模式
    window.history对象打印出来可以看到里边提供的方法和记录长度

hash模式和history模式的区别
项目发布成功
hash 前进后退刷新都通过 它采用的是window.onhashchange()实现的
history 前进后退都通过 刷新不通过 因为浏览器把地址中的路径当成了后端的接口,如果后端有这个接口就访问,如果没有就报404错误 它模式是采用html5新增的 interface 中的pushState()和replaceState实现的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值