ms :vue-router 中常用的路由模式实现 原理

ms :vue-router 中常用的路由模式实现 原理,第1张

hash模式的原理就是,通过改变#号后面的url地址,不请求页面,且触发hashchange事件来更新视图的相关工作

history模式的原理就是,url改变触发popstate 事件去做更新视图的相关工作

Hash:

可以通过location.hash拿到
可以通过onhashchange 监听hash的改变
hash模式:在浏览器中的符号 '#',以及#后面的字符称之为hash
不会返回404

History:

可以通过location.pathname拿到
可以用onpopstate监听history的变化
history 前端的url必须和实际后端发起请求的url一致,不然将返回404错误 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/944878.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存