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错误

你可能感兴趣的:(Vue路由模式)