page contents

Vue 如何去除url中的 #?

轩辕小不懂 发布于 2021-12-25 13:45
阅读 562
收藏 0
分类:WEB前端开发
  • vue
  • 2741
    Nen
    Nen
    - 程序员

    vue-router默认使用hash模式,所以在路由加载的时候,项目中的url会自带#。如果不想使用#, 可以使用vue-router的另一种模式history

    new Router({

     mode: 'history',

     routes: [ ]

    })

    需要注意的是,当我们启用 history 模式的时候,由于我们的项目是一个单页面应用,所以在路由跳转的时候,就会出现访问不到
    静态资源而出现 404 的情况,这时候就需要服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返
    回同一个 index.html 页面
    请先 登录 后评论