vue路由和window路由问题


1、vue路由原理:vue路由有两中模式,一种是hash,一种是history,通过mode进行设置,hash会链接上会带#号,history是正常链接

  hash: 利用url中的hash值进行页面的切换,实际不会请求后台接口,只改变hash值,通过hashchange监听hash值的变化,进行事件程序处理,包含向window.history内添加纪录,以便实现返回等操作。

  history: 利用html5提供的api,pushState和replaceState,这两个api可以改变url地址,但是不会发送请求。还有popstate,实现原理和hash相似,但是当用户主动刷新页面时还是会重新发送请求,所以这个需要后端人员把路由重定向到根页面。

 详情参考:https://www.cnblogs.com/tiedaweishao/p/9144531.html

 所以在实际vue应用中,本地的路由并不是线上真实的链接地址,$route/$router都是本地vue配置的路由对象,操作的不是线上链接。要操作链接还是需要使用window.location对象内部的属性。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM