路由的模式 以及原理 区别

Vue.js 的路由有两种主要模式:Hash 和 History。Hash 模式通过 URL 中的 # 来实现路由,不参与 HTTP 请求,页面不会刷新;而 History 模式利用 HTML5 的 pushState 和 replaceState 方法,URL 显示更友好,但需后端配合处理路由,否则可能引发 404 错误。理解这两种模式的区别对于前端开发至关重要。

vue 的路由模式⼀共有两种,分别是哈希和 history.

他们的区别是 hash 模式不会包含在 http 请求当中,并且 hash 不会重新加载⻚⾯,⽽使⽤ history 模式的话,如果前端的 url 和后端发起请求的 url 不⼀致的话,会报 404 错误,所以使⽤ history 模块的话我们需要和后端进⾏配合.

history 的原理就是利⽤ html5 新增的两个特性⽅法,分别是 pushState 和 replaceState 来完成的上就是我对 vue 路由模式的理解

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值