为了构架单页面应用,需要引入前端的路由系统Vue-router。
路由有两种模式:hash、history,默认会使用hash模式,但是如果url里不想出现丑陋hash值,在new VueRouter的时候配置mode值为history来改变路由模式,本质使用H5的histroy.pushState方法来更改url,不会引起刷新。
hash模式背后原理:
其实就是调用了window.onhashchange方法 hash值的切换
history模式的原理:
本质使用H5的histroy.pushState方法来更改url
hash模式和history模式的区别
hash模式较丑,history模式较优雅
hash兼容IE8以上,history兼容IE10以上
history模式需要后端配合将所有访问都指向index.html,否则用户刷新页面,会导致404错误
网友评论