美文网首页
Vue路由模式

Vue路由模式

作者: 前端小阿坤 | 来源:发表于2020-10-08 08:58 被阅读0次

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

          本文链接:https://www.haomeiwen.com/subject/nuycpktx.html