路由模式(hash、history）

Posted 2023-04-17

参考技术A history：不带#/ 利用html5 的 history.pushState API 来完成URL跳转，而无需重新加载页面 好看 正常的URL http://user/id

hash：带#/ 通过锚点值来实现的路由跳转

区别：

2.hash 采用的是通过锚点值来实现的路由跳转，history 模式 采用html5 的 history.pushState API 来完成URL跳转

3.history模式 需要后端配合，因为刷新页面 会404

4.hash模式 支持IE 7、8，history模式 支持IE 10

Vue路由的hash模式与history模式的区别?

1.首先router有两种模式：hash模式（默认）、history模式（需配置mode: ‘history‘）

                                                             hash和history的区别?

	hash	history
url显示	有#	无#
回车刷新	可以加载到hash值对应页面	一般就是404掉了
支持版本	支持低版本和IE浏览器	HTML5新推出的API

正确回答:hash模式url里面永远带着#号,我们在开发中默认使用这个模式。那么在声明时候要用history模式呢?

如果用户考虑url的规范那么就需要使用history模式,因为history模式没有#号,是个正常的url适合推广宣传。当然其功能也有区别,比如我们在开发app的时候有分享页面,那么这个分享出去的页面就是用vue或者react做的,咋们把这个页面分享到第三方的app里,有的app里面url是不允许带有#号的,所以要将#去除那么就要使用history模式,但是使用history模式还有一个问题就是,在访问二级页面的时候,做刷新操作,会出现404错误,那么就需要和后端人员配合让他配置一下apache或是nginx的url重定向,重定向到你的首页路由上就可以了。