美文网首页让前端飞Vue.js开发技巧
Vue Router去掉url中默认的锚点#

Vue Router去掉url中默认的锚点#

作者: 88b61f4ab233 | 来源:发表于2018-12-31 22:12 被阅读2次

    hash模式url

    vue-router默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。

    如果不想要这种默认的hash模式,可以用路由的history模式,这种模式充分的利用history.pushState API来完成URL跳转而无需重新加载页面。

    index.js

    Vue.use(Router)
    export default new Router({
     mode: 'history',
     routes: [
     {
      path:"/xxx",
      name:"xxx",
      component: Xxx,
     }
    ]
    })
    

    history模式

    修改之后url就变成了正常的url


    最后

    为了帮助大家让学习变得轻松、高效,给大家免费分享一大批资料,帮助大家在成为全栈工程师,乃至架构师的路上披荆斩棘。在这里给大家推荐一个前端全栈学习交流圈:866109386.欢迎大家进群交流讨论,学习交流,共同进步。

    当真正开始学习的时候难免不知道从哪入手,导致效率低下影响继续学习的信心。

    但最重要的是不知道哪些技术需要重点掌握,学习时频繁踩坑,最终浪费大量时间,所以有有效资源还是很有必要的。

    最后祝福所有遇到瓶疾且不知道怎么办的前端程序员们,祝福大家在往后的工作与面试中一切顺利。

    相关文章

      网友评论

        本文标题:Vue Router去掉url中默认的锚点#

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