昌鑫号

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路由模式最新内容,希望能帮到您!更多相关内容欢迎关注。

      
上一篇