码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-02 15:44:56      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:也有   vue   开发   nbsp   span   html5   border   htm   order   

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

 

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

标签:也有   vue   开发   nbsp   span   html5   border   htm   order   

原文地址:https://www.cnblogs.com/sna-ling/p/12619947.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!