Vue路由模式

为了构架单页面应用,需要引入前端的路由系统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错误

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。