海诗网 知识百科 vue路由模式(vue路由模式区别)

vue路由模式(vue路由模式区别)

vue路由模式, 在vue-router路由对象中,有两种路由模式:哈希和历史,默认模式是哈希。

Hash路由模式:hash模式的工作原理是hashchange事件,可以监控窗口中hash的变化。我们在url中随机添加一个#xx来触发这个事件。

历史路由模式:打印出window.history对象,查看其中提供的方法和记录长度。

vue路由模式区别

使用场景:

一般来说,hash和history都可以,除非你更在意面值,否则#符号在URL中确实看起来不太好看。

如果不想要难看的hash,可以使用路由历史模式,充分利用history.pushState API完成URL跳转,无需重新加载页面。

两种模式的比较:

在哈希模式下,请求中只会包含哈希符号之前的内容,比如http://www.abc.com,所以对于后端来说,即使路由没有完全覆盖,也不会返回404错误。

在历史模式下,前端的URL必须与实际向后端发送请求的URL相同,例如http://www.abc.com/book/id.如果后端缺少/book/id的路由处理,将返回404错误。

vue路由模式区别

关于vue的路由模式我们就知道这么多!

vue路由模式,以上就是本文为您收集整理的vue路由模式最新内容,希望能帮到您!更多相关内容欢迎关注。

本文来自网络,不代表海诗网立场,转载请注明出处:https://www.hallse.com/n/170025.html
      

echarts教程(echarts官网)

发表回复
联系我们
联系我们

在线咨询: QQ交谈

邮箱: 3587015498@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们
微信扫一扫关注我们
关注微博
返回顶部