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

Posted 2020-11-28 sna-ling

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重定向,重定向到你的首页路由上就可以了。