hash路由和history路由的区别

Posted lmm1010

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hash路由和history路由的区别相关的知识,希望对你有一定的参考价值。

1.hash路由在地址栏URL上有#,而history路由没有会好看一点

2.我们进行回车刷新操作,hash路由会加载到地址栏对应的页面,而history路由一般就404报错了(刷新是网络请求,没有后端准备时会报错)。

3.hash路由支持低版本的浏览器,而history路由是html5新增的API。

4.hash的特点在于它虽然出现在了URL中,但是不包括在http请求中,所以对于后端是没有一点影响的,所以改变hash不会重新加载页面,所以这也是单页面应用的必备。

5.history运用了浏览器的历史记录栈,之前有back,forward,go方法,之后在HTML5中新增了pushState()和replaceState()方法(需要特定浏览器的支持),它们提供了对历史记录进行修改的功能,不过在进行修改时,虽然改变了当前的URL,但是浏览器不会马上向后端发送请求。

以上是关于hash路由和history路由的区别的主要内容,如果未能解决你的问题,请参考以下文章

vue中路由模式及区别

哈希路由(hash模式)和历史路由(history模式)的区别

vue路由history,hash 区别

hash和history的区别帮助向我一样迷的人弄明白,history和hash

hash与history的区别

vue路由的两种模式,hash与history的区别